Startseite Farbpaletten Palette „Diamond Ice“ mit 4 Farben

Palette „Diamond Ice“ mit 4 Farben

Palette mit 4 Farben · Warm · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Diamond Ice“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Warm Hell Komplementär

Likes 18.432

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #9BABB8;
  --c-muted-2: #EEE3CB;
  --c-muted-3: #D7C0AE;
  --c-muted-4: #967E76;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Diamond Ice (#EEE3CB) bis zum dunkelsten Ton Tallarn Leather (#967E76). Sie vereint Wave Goodbye, Diamond Ice, Elusive Dawn und Tallarn Leather in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Wave Goodbye #9BABB8

RGB: rgb(155, 171, 184)
HSL: hsl(207, 17%, 66%)
Luminanz: 0,396

Diamond Ice #EEE3CB

RGB: rgb(238, 227, 203)
HSL: hsl(41, 51%, 86%)
Luminanz: 0,774

Elusive Dawn #D7C0AE

RGB: rgb(215, 192, 174)
HSL: hsl(26, 34%, 76%)
Luminanz: 0,552

Tallarn Leather #967E76

RGB: rgb(150, 126, 118)
HSL: hsl(15, 13%, 53%)
Luminanz: 0,227

Kontrast & Barrierefreiheit

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

Aa #EEE3CB auf #967E76 2,97:1 Nicht bestanden

Aa #D7C0AE auf #967E76 2,17:1 Nicht bestanden

Aa #9BABB8 auf #EEE3CB 1,85:1 Nicht bestanden

Aa #9BABB8 auf #967E76 1,61:1 Nicht bestanden

Aa #EEE3CB auf #D7C0AE 1,37:1 Nicht bestanden

Aa #9BABB8 auf #D7C0AE 1,35:1 Nicht bestanden

Palette „Diamond Ice“ mit 4 Farben