Startseite Farbpaletten Palette „Rowdy Orange“ mit 4 Farben

Palette „Rowdy Orange“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Rowdy Orange“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Monochrom

Likes 1.996

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #ECA106;
  --c-vibrant-2: #D34F1E;
  --c-vibrant-3: #91300A;
  --c-vibrant-4: #5F1B00;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Rowdy Orange (#ECA106) bis zum dunkelsten Ton Raw Chocolate (#5F1B00). Sie vereint Rowdy Orange, Rusty Nail, Hawaiian Malasada und Raw Chocolate 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 #ECA106 auf #5F1B00 mit 5,88:1.

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

Farben im Detail

Rowdy Orange #ECA106

RGB: rgb(236, 161, 6)
HSL: hsl(40, 95%, 47%)
Luminanz: 0,433

Rusty Nail #D34F1E

RGB: rgb(211, 79, 30)
HSL: hsl(16, 75%, 47%)
Luminanz: 0,195

Hawaiian Malasada #91300A

RGB: rgb(145, 48, 10)
HSL: hsl(17, 87%, 30%)
Luminanz: 0,082

Raw Chocolate #5F1B00

RGB: rgb(95, 27, 0)
HSL: hsl(17, 100%, 19%)
Luminanz: 0,032

Kontrast & Barrierefreiheit

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

Aa #ECA106 auf #5F1B00 5,88:1 AA

Aa #ECA106 auf #91300A 3,67:1 AA (großer Text)

Aa #D34F1E auf #5F1B00 2,99:1 Nicht bestanden

Aa #ECA106 auf #D34F1E 1,97:1 Nicht bestanden

Aa #D34F1E auf #91300A 1,86:1 Nicht bestanden

Aa #91300A auf #5F1B00 1,60:1 Nicht bestanden

Palette „Rowdy Orange“ mit 4 Farben