Startseite Farbpaletten Palette „Sun Glare“ mit 4 Farben

Palette „Sun Glare“ mit 4 Farben

Palette mit 4 Farben · Kühl · Hell · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Sun Glare“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Hell · Harmonie: Triadisch

Bearbeiten

Gedeckt 4 Farben Kühl Hell Triadisch

Likes 5.864

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F2F4D1;
  --c-muted-2: #B2D3BE;
  --c-muted-3: #89A3B2;
  --c-muted-4: #5E6073;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Sun Glare (#F2F4D1) bis zum dunkelsten Ton Men’s Night (#5E6073). Sie vereint Sun Glare, Ginninderra, Favourite Jeans und Men’s Night 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 #F2F4D1 auf #5E6073 mit 5,49:1.

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

Farben im Detail

Sun Glare #F2F4D1

RGB: rgb(242, 244, 209)
HSL: hsl(63, 61%, 89%)
Luminanz: 0,882

Ginninderra #B2D3BE

RGB: rgb(178, 211, 190)
HSL: hsl(142, 27%, 76%)
Luminanz: 0,598

Favourite Jeans #89A3B2

RGB: rgb(137, 163, 178)
HSL: hsl(202, 21%, 62%)
Luminanz: 0,347

Men’s Night #5E6073

RGB: rgb(94, 96, 115)
HSL: hsl(234, 10%, 41%)
Luminanz: 0,120

Kontrast & Barrierefreiheit

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

Aa #F2F4D1 auf #5E6073 5,49:1 AA

Aa #B2D3BE auf #5E6073 3,81:1 AA (großer Text)

Aa #F2F4D1 auf #89A3B2 2,35:1 Nicht bestanden

Aa #89A3B2 auf #5E6073 2,34:1 Nicht bestanden

Aa #B2D3BE auf #89A3B2 1,63:1 Nicht bestanden

Aa #F2F4D1 auf #B2D3BE 1,44:1 Nicht bestanden

Palette „Sun Glare“ mit 4 Farben