Startseite Farbpaletten Palette „Sky High“ mit 4 Farben

Palette „Sky High“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Sky High“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Analog

Likes 5.703

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #413C69;
  --c-muted-2: #4A47A3;
  --c-muted-3: #709FB0;
  --c-muted-4: #A7C5EB;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Sky High (#A7C5EB) bis zum dunkelsten Ton Evening Mauve (#413C69). Sie vereint Evening Mauve, Galaxy Express, Bluebird Feather und Sky High 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 #413C69 auf #A7C5EB mit 5,7:1.

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

Farben im Detail

Evening Mauve #413C69

RGB: rgb(65, 60, 105)
HSL: hsl(247, 27%, 32%)
Luminanz: 0,054

Galaxy Express #4A47A3

RGB: rgb(74, 71, 163)
HSL: hsl(242, 39%, 46%)
Luminanz: 0,086

Bluebird Feather #709FB0

RGB: rgb(112, 159, 176)
HSL: hsl(196, 29%, 56%)
Luminanz: 0,314

Sky High #A7C5EB

RGB: rgb(167, 197, 235)
HSL: hsl(214, 63%, 79%)
Luminanz: 0,542

Kontrast & Barrierefreiheit

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

Aa #413C69 auf #A7C5EB 5,70:1 AA

Aa #4A47A3 auf #A7C5EB 4,35:1 AA (großer Text)

Aa #413C69 auf #709FB0 3,51:1 AA (großer Text)

Aa #4A47A3 auf #709FB0 2,67:1 Nicht bestanden

Aa #709FB0 auf #A7C5EB 1,63:1 Nicht bestanden

Aa #413C69 auf #4A47A3 1,31:1 Nicht bestanden

Palette „Sky High“ mit 4 Farben