Startseite Farbpaletten Palette „Princeton Orange“ mit 4 Farben

Palette „Princeton Orange“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

Palette „Princeton Orange“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Lebendig 4 Farben Warm Gemischt Monochrom

Likes 5.027

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F88F01;
  --c-vibrant-2: #E27802;
  --c-vibrant-3: #6A492B;
  --c-vibrant-4: #58391C;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Princeton Orange (#F88F01) bis zum dunkelsten Ton Kuro Brown (#58391C). Sie vereint Princeton Orange, Pumpkin Soup, Hickory Chips und Kuro Brown 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

Princeton Orange #F88F01

RGB: rgb(248, 143, 1)
HSL: hsl(34, 99%, 49%)
Luminanz: 0,396

Pumpkin Soup #E27802

RGB: rgb(226, 120, 2)
HSL: hsl(32, 98%, 45%)
Luminanz: 0,296

Hickory Chips #6A492B

RGB: rgb(106, 73, 43)
HSL: hsl(29, 42%, 29%)
Luminanz: 0,080

Kuro Brown #58391C

RGB: rgb(88, 57, 28)
HSL: hsl(29, 52%, 23%)
Luminanz: 0,051

Kontrast & Barrierefreiheit

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

Aa #F88F01 auf #58391C 4,42:1 AA (großer Text)

Aa #F88F01 auf #6A492B 3,43:1 AA (großer Text)

Aa #E27802 auf #58391C 3,43:1 AA (großer Text)

Aa #E27802 auf #6A492B 2,66:1 Nicht bestanden

Aa #F88F01 auf #E27802 1,29:1 Nicht bestanden

Aa #6A492B auf #58391C 1,29:1 Nicht bestanden

Palette „Princeton Orange“ mit 4 Farben