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

Lebendig 4 Farben Warm Hell Triadisch

Likes 2.146

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FFF5B5;
  --c-vibrant-2: #FF9071;
  --c-vibrant-3: #E85395;
  --c-vibrant-4: #A73CCB;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Glowlight (#FFF5B5) bis zum dunkelsten Ton Purple Yam (#A73CCB). Sie vereint Glowlight, Alexandria, Tutuji Pink und Purple Yam 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 #FFF5B5 auf #A73CCB mit 4,57:1.

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

Farben im Detail

Glowlight #FFF5B5

RGB: rgb(255, 245, 181)
HSL: hsl(52, 100%, 85%)
Luminanz: 0,899

Alexandria #FF9071

RGB: rgb(255, 144, 113)
HSL: hsl(13, 100%, 72%)
Luminanz: 0,424

Tutuji Pink #E85395

RGB: rgb(232, 83, 149)
HSL: hsl(333, 76%, 62%)
Luminanz: 0,255

Purple Yam #A73CCB

RGB: rgb(167, 60, 203)
HSL: hsl(285, 58%, 52%)
Luminanz: 0,158

Kontrast & Barrierefreiheit

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

Aa #FFF5B5 auf #A73CCB 4,57:1 AA

Aa #FFF5B5 auf #E85395 3,11:1 AA (großer Text)

Aa #FF9071 auf #A73CCB 2,28:1 Nicht bestanden

Aa #FFF5B5 auf #FF9071 2,00:1 Nicht bestanden

Aa #FF9071 auf #E85395 1,55:1 Nicht bestanden

Aa #E85395 auf #A73CCB 1,47:1 Nicht bestanden

Palette „Alexandria“ mit 4 Farben