Startseite Farbpaletten Palette „Office Neon Light“ mit 4 Farben

Palette „Office Neon Light“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Palette „Office Neon Light“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Analog

Likes 6.046

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #3F0071;
  --c-vibrant-2: #FB2576;
  --c-vibrant-3: #332FD0;
  --c-vibrant-4: #0002A1;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Office Neon Light (#FB2576) bis zum dunkelsten Ton Royal Purple (#3F0071). Sie vereint Royal Purple, Office Neon Light, Third Eye Chakra und Duke Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Royal Purple #3F0071

RGB: rgb(63, 0, 113)
HSL: hsl(273, 100%, 22%)
Luminanz: 0,023

Office Neon Light #FB2576

RGB: rgb(251, 37, 118)
HSL: hsl(337, 96%, 56%)
Luminanz: 0,231

Third Eye Chakra #332FD0

RGB: rgb(51, 47, 208)
HSL: hsl(241, 63%, 50%)
Luminanz: 0,073

Duke Blue #0002A1

RGB: rgb(0, 2, 161)
HSL: hsl(239, 100%, 32%)
Luminanz: 0,026

Kontrast & Barrierefreiheit

0 von 6 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #3F0071 auf #FB2576 3,88:1 AA (großer Text)

Aa #FB2576 auf #0002A1 3,69:1 AA (großer Text)

Aa #FB2576 auf #332FD0 2,29:1 Nicht bestanden

Aa #3F0071 auf #332FD0 1,70:1 Nicht bestanden

Aa #332FD0 auf #0002A1 1,61:1 Nicht bestanden

Aa #3F0071 auf #0002A1 1,05:1 Nicht bestanden

Palette „Office Neon Light“ mit 4 Farben