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

Palette „Kitten’s Eye“ mit 4 Farben

Palette mit 4 Farben · Kühl · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Kitten’s Eye“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Kühl Hell Komplementär

Likes 740

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #8AACFF;
  --c-vibrant-2: #6151BB;
  --c-vibrant-3: #D7F096;
  --c-vibrant-4: #67BA6D;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Creamy Avocado (#D7F096) bis zum dunkelsten Ton Circumorbital Ring (#6151BB). Sie vereint Kitten’s Eye, Circumorbital Ring, Creamy Avocado und Forest Fern 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 #6151BB auf #D7F096 mit 4,94:1.

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

Farben im Detail

Kitten’s Eye #8AACFF

RGB: rgb(138, 172, 255)
HSL: hsl(223, 100%, 77%)
Luminanz: 0,421

Circumorbital Ring #6151BB

RGB: rgb(97, 81, 187)
HSL: hsl(249, 44%, 53%)
Luminanz: 0,120

Creamy Avocado #D7F096

RGB: rgb(215, 240, 150)
HSL: hsl(77, 75%, 76%)
Luminanz: 0,790

Forest Fern #67BA6D

RGB: rgb(103, 186, 109)
HSL: hsl(124, 38%, 57%)
Luminanz: 0,391

Kontrast & Barrierefreiheit

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

Aa #6151BB auf #D7F096 4,94:1 AA

Aa #8AACFF auf #6151BB 2,77:1 Nicht bestanden

Aa #6151BB auf #67BA6D 2,59:1 Nicht bestanden

Aa #D7F096 auf #67BA6D 1,90:1 Nicht bestanden

Aa #8AACFF auf #D7F096 1,78:1 Nicht bestanden

Aa #8AACFF auf #67BA6D 1,07:1 Nicht bestanden

Palette „Kitten’s Eye“ mit 4 Farben