Startseite Farbpaletten Palette „Embellished Blue“ mit 4 Farben

Palette „Embellished Blue“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Embellished Blue“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Hell Analog

Likes 5.384

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F4F4F4;
  --c-muted-2: #8EC6C5;
  --c-muted-3: #6983AA;
  --c-muted-4: #8566AA;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Lighthouse (#F4F4F4) bis zum dunkelsten Ton Fairy Wren (#8566AA). Sie vereint Lighthouse, Embellished Blue, Cowgirl Blue und Fairy Wren 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

Lighthouse #F4F4F4

RGB: rgb(244, 244, 244)
HSL: hsl(0, 0%, 96%)
Luminanz: 0,905

Embellished Blue #8EC6C5

RGB: rgb(142, 198, 197)
HSL: hsl(179, 33%, 67%)
Luminanz: 0,502

Cowgirl Blue #6983AA

RGB: rgb(105, 131, 170)
HSL: hsl(216, 28%, 54%)
Luminanz: 0,221

Fairy Wren #8566AA

RGB: rgb(133, 102, 170)
HSL: hsl(267, 29%, 53%)
Luminanz: 0,174

Kontrast & Barrierefreiheit

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

Aa #F4F4F4 auf #8566AA 4,26:1 AA (großer Text)

Aa #F4F4F4 auf #6983AA 3,52:1 AA (großer Text)

Aa #8EC6C5 auf #8566AA 2,46:1 Nicht bestanden

Aa #8EC6C5 auf #6983AA 2,03:1 Nicht bestanden

Aa #F4F4F4 auf #8EC6C5 1,73:1 Nicht bestanden

Aa #6983AA auf #8566AA 1,21:1 Nicht bestanden

Palette „Embellished Blue“ mit 4 Farben