Startseite Farbpaletten Palette „Solar Storm“ mit 4 Farben

Palette „Solar Storm“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Solar Storm“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Monochrom

Likes 16.789

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #884A39;
  --c-vibrant-2: #C38154;
  --c-vibrant-3: #FFC26F;
  --c-vibrant-4: #F9E0BB;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Curd (#F9E0BB) bis zum dunkelsten Ton Cherry Cola (#884A39). Sie vereint Cherry Cola, Fall Foliage, Solar Storm und Curd 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 #884A39 auf #F9E0BB mit 5,32:1.

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

Farben im Detail

Cherry Cola #884A39

RGB: rgb(136, 74, 57)
HSL: hsl(13, 41%, 38%)
Luminanz: 0,104

Fall Foliage #C38154

RGB: rgb(195, 129, 84)
HSL: hsl(24, 48%, 55%)
Luminanz: 0,279

Solar Storm #FFC26F

RGB: rgb(255, 194, 111)
HSL: hsl(35, 100%, 72%)
Luminanz: 0,610

Curd #F9E0BB

RGB: rgb(249, 224, 187)
HSL: hsl(36, 84%, 85%)
Luminanz: 0,770

Kontrast & Barrierefreiheit

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

Aa #884A39 auf #F9E0BB 5,32:1 AA

Aa #884A39 auf #FFC26F 4,28:1 AA (großer Text)

Aa #C38154 auf #F9E0BB 2,49:1 Nicht bestanden

Aa #884A39 auf #C38154 2,14:1 Nicht bestanden

Aa #C38154 auf #FFC26F 2,00:1 Nicht bestanden

Aa #FFC26F auf #F9E0BB 1,24:1 Nicht bestanden

Palette „Solar Storm“ mit 4 Farben