Startseite Farbpaletten Palette „Cool December“ mit 4 Farben

Palette „Cool December“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Cool December“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Komplementär

Likes 4.716

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #FEFBF6;
  --c-muted-2: #A6D1E6;
  --c-muted-3: #7F5283;
  --c-muted-4: #3D3C42;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Cool December (#FEFBF6) bis zum dunkelsten Ton In the Dark (#3D3C42). Sie vereint Cool December, Laissez-Faire, Cleopatra’s Gown und In the Dark 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 #FEFBF6 auf #3D3C42 mit 10,58:1.

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

Farben im Detail

Cool December #FEFBF6

RGB: rgb(254, 251, 246)
HSL: hsl(37, 80%, 98%)
Luminanz: 0,967

Laissez-Faire #A6D1E6

RGB: rgb(166, 209, 230)
HSL: hsl(200, 56%, 78%)
Luminanz: 0,594

Cleopatra’s Gown #7F5283

RGB: rgb(127, 82, 131)
HSL: hsl(295, 23%, 42%)
Luminanz: 0,122

In the Dark #3D3C42

RGB: rgb(61, 60, 66)
HSL: hsl(250, 5%, 25%)
Luminanz: 0,046

Kontrast & Barrierefreiheit

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

Aa #FEFBF6 auf #3D3C42 10,58:1 AAA

Aa #A6D1E6 auf #3D3C42 6,70:1 AA

Aa #FEFBF6 auf #7F5283 5,92:1 AA

Aa #A6D1E6 auf #7F5283 3,75:1 AA (großer Text)

Aa #7F5283 auf #3D3C42 1,79:1 Nicht bestanden

Aa #FEFBF6 auf #A6D1E6 1,58:1 Nicht bestanden

Palette „Cool December“ mit 4 Farben