Startseite Farbpaletten Palette „Orange Avant-Garde“ mit 4 Farben

Palette „Orange Avant-Garde“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Orange Avant-Garde“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Monochrom

Likes 9.561

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F9E0AE;
  --c-vibrant-2: #FC8621;
  --c-vibrant-3: #C24914;
  --c-vibrant-4: #682C0E;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Peach Yellow (#F9E0AE) bis zum dunkelsten Ton Cold Press Coffee (#682C0E). Sie vereint Peach Yellow, Orange Avant-Garde, Red Panda und Cold Press Coffee in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F9E0AE auf #682C0E mit 8,34:1.

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

Farben im Detail

Peach Yellow #F9E0AE

RGB: rgb(249, 224, 174)
HSL: hsl(40, 86%, 83%)
Luminanz: 0,765

Orange Avant-Garde #FC8621

RGB: rgb(252, 134, 33)
HSL: hsl(28, 97%, 56%)
Luminanz: 0,379

Red Panda #C24914

RGB: rgb(194, 73, 20)
HSL: hsl(18, 81%, 42%)
Luminanz: 0,163

Cold Press Coffee #682C0E

RGB: rgb(104, 44, 14)
HSL: hsl(20, 76%, 23%)
Luminanz: 0,048

Kontrast & Barrierefreiheit

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

Aa #F9E0AE auf #682C0E 8,34:1 AAA

Aa #FC8621 auf #682C0E 4,38:1 AA (großer Text)

Aa #F9E0AE auf #C24914 3,83:1 AA (großer Text)

Aa #C24914 auf #682C0E 2,18:1 Nicht bestanden

Aa #FC8621 auf #C24914 2,01:1 Nicht bestanden

Aa #F9E0AE auf #FC8621 1,90:1 Nicht bestanden

Palette „Orange Avant-Garde“ mit 4 Farben