Startseite Farbpaletten Palette „Mellow Dandelion“ mit 4 Farben

Palette „Mellow Dandelion“ mit 4 Farben

Palette mit 4 Farben · Kühl · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Mellow Dandelion“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Kühl Hell Komplementär

Likes 5.499

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F8DC81;
  --c-muted-2: #EFF7E1;
  --c-muted-3: #A2D0C1;
  --c-muted-4: #214151;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Lemon Sugar (#EFF7E1) bis zum dunkelsten Ton Reflecting Pond (#214151). Sie vereint Mellow Dandelion, Lemon Sugar, Tareyton und Reflecting Pond in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #EFF7E1 auf #214151 mit 9,83:1.

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

Farben im Detail

Mellow Dandelion #F8DC81

RGB: rgb(248, 220, 129)
HSL: hsl(46, 89%, 74%)
Luminanz: 0,727

Lemon Sugar #EFF7E1

RGB: rgb(239, 247, 225)
HSL: hsl(82, 58%, 93%)
Luminanz: 0,903

Tareyton #A2D0C1

RGB: rgb(162, 208, 193)
HSL: hsl(160, 33%, 73%)
Luminanz: 0,566

Reflecting Pond #214151

RGB: rgb(33, 65, 81)
HSL: hsl(200, 42%, 22%)
Luminanz: 0,047

Kontrast & Barrierefreiheit

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

Aa #EFF7E1 auf #214151 9,83:1 AAA

Aa #F8DC81 auf #214151 8,01:1 AAA

Aa #A2D0C1 auf #214151 6,36:1 AA

Aa #EFF7E1 auf #A2D0C1 1,55:1 Nicht bestanden

Aa #F8DC81 auf #A2D0C1 1,26:1 Nicht bestanden

Aa #F8DC81 auf #EFF7E1 1,23:1 Nicht bestanden

Palette „Mellow Dandelion“ mit 4 Farben