Startseite Farbpaletten Palette „American Orange“ mit 4 Farben

Palette „American Orange“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „American Orange“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Monochrom

Likes 6.279

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FEFFDB;
  --c-vibrant-2: #FFC60B;
  --c-vibrant-3: #FF8B00;
  --c-vibrant-4: #444444;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Parmesan (#FEFFDB) bis zum dunkelsten Ton Goshawk Grey (#444444). Sie vereint Parmesan, Kazakhstan Yellow, American Orange und Goshawk Grey in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FEFFDB auf #444444 mit 9,53:1.

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

Farben im Detail

Parmesan #FEFFDB

RGB: rgb(254, 255, 219)
HSL: hsl(62, 100%, 93%)
Luminanz: 0,977

Kazakhstan Yellow #FFC60B

RGB: rgb(255, 198, 11)
HSL: hsl(46, 100%, 52%)
Luminanz: 0,617

American Orange #FF8B00

RGB: rgb(255, 139, 0)
HSL: hsl(33, 100%, 50%)
Luminanz: 0,397

Goshawk Grey #444444

RGB: rgb(68, 68, 68)
HSL: hsl(0, 0%, 27%)
Luminanz: 0,058

Kontrast & Barrierefreiheit

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

Aa #FEFFDB auf #444444 9,53:1 AAA

Aa #FFC60B auf #444444 6,18:1 AA

Aa #FF8B00 auf #444444 4,15:1 AA (großer Text)

Aa #FEFFDB auf #FF8B00 2,30:1 Nicht bestanden

Aa #FEFFDB auf #FFC60B 1,54:1 Nicht bestanden

Aa #FFC60B auf #FF8B00 1,49:1 Nicht bestanden

Palette „American Orange“ mit 4 Farben