Startseite Farbpaletten Palette „Kitten’s Eye“ mit 4 Farben

Palette „Kitten’s Eye“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Kitten’s Eye“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Analog

Likes 6.331

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #35155D;
  --c-vibrant-2: #512B81;
  --c-vibrant-3: #4477CE;
  --c-vibrant-4: #8CABFF;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Kitten’s Eye (#8CABFF) bis zum dunkelsten Ton Wicked Purple (#35155D). Sie vereint Wicked Purple, Regalia, Serenity’s Reign und Kitten’s Eye 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 #35155D auf #8CABFF mit 6,62:1.

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

Farben im Detail

Wicked Purple #35155D

RGB: rgb(53, 21, 93)
HSL: hsl(267, 63%, 22%)
Luminanz: 0,021

Regalia #512B81

RGB: rgb(81, 43, 129)
HSL: hsl(267, 50%, 34%)
Luminanz: 0,051

Serenity’s Reign #4477CE

RGB: rgb(68, 119, 206)
HSL: hsl(218, 58%, 54%)
Luminanz: 0,189

Kitten’s Eye #8CABFF

RGB: rgb(140, 171, 255)
HSL: hsl(224, 100%, 77%)
Luminanz: 0,419

Kontrast & Barrierefreiheit

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

Aa #35155D auf #8CABFF 6,62:1 AA

Aa #512B81 auf #8CABFF 4,66:1 AA

Aa #35155D auf #4477CE 3,37:1 AA (großer Text)

Aa #512B81 auf #4477CE 2,37:1 Nicht bestanden

Aa #4477CE auf #8CABFF 1,96:1 Nicht bestanden

Aa #35155D auf #512B81 1,42:1 Nicht bestanden

Palette „Kitten’s Eye“ mit 4 Farben