Startseite Farbpaletten Palette „Blue Damselfly“ mit 4 Farben

Palette „Blue Damselfly“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Blue Damselfly“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Analog

Likes 2.348

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #95EFCE;
  --c-muted-2: #2EA1D9;
  --c-muted-3: #395EA6;
  --c-muted-4: #3E467F;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Nightly Aurora (#95EFCE) bis zum dunkelsten Ton Queen of the Night Shift (#3E467F). Sie vereint Nightly Aurora, Blue Damselfly, International und Queen of the Night Shift in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #95EFCE auf #3E467F mit 6,5:1.

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

Farben im Detail

Nightly Aurora #95EFCE

RGB: rgb(149, 239, 206)
HSL: hsl(158, 74%, 76%)
Luminanz: 0,726

Blue Damselfly #2EA1D9

RGB: rgb(46, 161, 217)
HSL: hsl(200, 69%, 52%)
Luminanz: 0,311

International #395EA6

RGB: rgb(57, 94, 166)
HSL: hsl(220, 49%, 44%)
Luminanz: 0,116

Queen of the Night Shift #3E467F

RGB: rgb(62, 70, 127)
HSL: hsl(233, 34%, 37%)
Luminanz: 0,069

Kontrast & Barrierefreiheit

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

Aa #95EFCE auf #3E467F 6,50:1 AA

Aa #95EFCE auf #395EA6 4,67:1 AA

Aa #2EA1D9 auf #3E467F 3,02:1 AA (großer Text)

Aa #2EA1D9 auf #395EA6 2,17:1 Nicht bestanden

Aa #95EFCE auf #2EA1D9 2,15:1 Nicht bestanden

Aa #395EA6 auf #3E467F 1,39:1 Nicht bestanden

Palette „Blue Damselfly“ mit 4 Farben