Startseite Farbpaletten Palette „Burnt Orange“ mit 4 Farben

Palette „Burnt Orange“ mit 4 Farben

Palette mit 4 Farben · Warm · Dunkel · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Burnt Orange“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Triadisch

Bearbeiten

Lebendig 4 Farben Warm Dunkel Triadisch

Likes 2.945

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #EAA81B;
  --c-vibrant-2: #C95501;
  --c-vibrant-3: #7D0000;
  --c-vibrant-4: #012C0B;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Sun Song (#EAA81B) bis zum dunkelsten Ton Haunted Forest (#012C0B). Sie vereint Sun Song, Burnt Orange, Maroon und Haunted Forest 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 #EAA81B auf #012C0B mit 7,4:1.

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

Farben im Detail

Sun Song #EAA81B

RGB: rgb(234, 168, 27)
HSL: hsl(41, 83%, 51%)
Luminanz: 0,456

Burnt Orange #C95501

RGB: rgb(201, 85, 1)
HSL: hsl(25, 99%, 40%)
Luminanz: 0,189

Maroon #7D0000

RGB: rgb(125, 0, 0)
HSL: hsl(0, 100%, 25%)
Luminanz: 0,044

Haunted Forest #012C0B

RGB: rgb(1, 44, 11)
HSL: hsl(134, 96%, 9%)
Luminanz: 0,018

Kontrast & Barrierefreiheit

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

Aa #EAA81B auf #012C0B 7,40:1 AAA

Aa #EAA81B auf #7D0000 5,40:1 AA

Aa #C95501 auf #012C0B 3,50:1 AA (großer Text)

Aa #C95501 auf #7D0000 2,56:1 Nicht bestanden

Aa #EAA81B auf #C95501 2,11:1 Nicht bestanden

Aa #7D0000 auf #012C0B 1,37:1 Nicht bestanden

Palette „Burnt Orange“ mit 4 Farben