Startseite Farbpaletten Palette „Lemon Juice“ mit 4 Farben

Palette „Lemon Juice“ mit 4 Farben

Palette mit 4 Farben · Warm · Hell · Harmonie: Analog

Zurück zur Bibliothek

Palette „Lemon Juice“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Analog

Bearbeiten

Gedeckt 4 Farben Warm Hell Analog

Likes 5.927

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #FFFFEC;
  --c-muted-2: #F1E4C3;
  --c-muted-3: #C6A969;
  --c-muted-4: #597E52;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Lemon Juice (#FFFFEC) bis zum dunkelsten Ton Rambling Green (#597E52). Sie vereint Lemon Juice, Afterglow, Ginger Ale und Rambling Green 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 #FFFFEC auf #597E52 mit 4,58:1.

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

Farben im Detail

Lemon Juice #FFFFEC

RGB: rgb(255, 255, 236)
HSL: hsl(60, 100%, 96%)
Luminanz: 0,988

Afterglow #F1E4C3

RGB: rgb(241, 228, 195)
HSL: hsl(43, 62%, 85%)
Luminanz: 0,781

Ginger Ale #C6A969

RGB: rgb(198, 169, 105)
HSL: hsl(41, 45%, 59%)
Luminanz: 0,414

Rambling Green #597E52

RGB: rgb(89, 126, 82)
HSL: hsl(110, 21%, 41%)
Luminanz: 0,177

Kontrast & Barrierefreiheit

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

Aa #FFFFEC auf #597E52 4,58:1 AA

Aa #F1E4C3 auf #597E52 3,67:1 AA (großer Text)

Aa #FFFFEC auf #C6A969 2,24:1 Nicht bestanden

Aa #C6A969 auf #597E52 2,05:1 Nicht bestanden

Aa #F1E4C3 auf #C6A969 1,79:1 Nicht bestanden

Aa #FFFFEC auf #F1E4C3 1,25:1 Nicht bestanden

Palette „Lemon Juice“ mit 4 Farben