Startseite Farbpaletten Palette „Alexandria“ mit 4 Farben

Palette „Alexandria“ mit 4 Farben

Palette mit 4 Farben · Warm · Hell · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Alexandria“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Triadisch

Bearbeiten

Gedeckt 4 Farben Warm Hell Triadisch

Likes 4.950

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F6F6F6;
  --c-muted-2: #FFBB91;
  --c-muted-3: #FF8E6E;
  --c-muted-4: #515070;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Gram’s Hair (#F6F6F6) bis zum dunkelsten Ton Intergalactic (#515070). Sie vereint Gram’s Hair, Fuzzy Peach, Alexandria und Intergalactic 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 #F6F6F6 auf #515070 mit 7,11:1.

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

Farben im Detail

Gram’s Hair #F6F6F6

RGB: rgb(246, 246, 246)
HSL: hsl(0, 0%, 96%)
Luminanz: 0,922

Fuzzy Peach #FFBB91

RGB: rgb(255, 187, 145)
HSL: hsl(23, 100%, 78%)
Luminanz: 0,588

Alexandria #FF8E6E

RGB: rgb(255, 142, 110)
HSL: hsl(13, 100%, 72%)
Luminanz: 0,417

Intergalactic #515070

RGB: rgb(81, 80, 112)
HSL: hsl(242, 17%, 38%)
Luminanz: 0,087

Kontrast & Barrierefreiheit

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

Aa #F6F6F6 auf #515070 7,11:1 AAA

Aa #FFBB91 auf #515070 4,68:1 AA

Aa #FF8E6E auf #515070 3,42:1 AA (großer Text)

Aa #F6F6F6 auf #FF8E6E 2,08:1 Nicht bestanden

Aa #F6F6F6 auf #FFBB91 1,52:1 Nicht bestanden

Aa #FFBB91 auf #FF8E6E 1,37:1 Nicht bestanden

Palette „Alexandria“ mit 4 Farben