Startseite Farbpaletten Window Of Opportunity

Window Of Opportunity

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

Zurück zur Bibliothek

Window Of Opportunity

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Komplementär windows

Likes 83

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FFFFF5;
  --c-vibrant-2: #8F94C5;
  --c-vibrant-3: #131457;
  --c-vibrant-4: #433BFF;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Milk (#FFFFF5) bis zum dunkelsten Ton Shadowdancer (#131457). Sie vereint Milk, Easter Egg, Shadowdancer und Ultra Indigo in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFF5 auf #131457 mit 16,5:1.

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

Farben im Detail

Milk #FFFFF5

RGB: rgb(255, 255, 245)
HSL: hsl(60, 100%, 98%)
Luminanz: 0,994

Easter Egg #8F94C5

RGB: rgb(143, 148, 197)
HSL: hsl(234, 32%, 67%)
Luminanz: 0,311

Shadowdancer #131457

RGB: rgb(19, 20, 87)
HSL: hsl(239, 64%, 21%)
Luminanz: 0,013

Ultra Indigo #433BFF

RGB: rgb(67, 59, 255)
HSL: hsl(242, 100%, 62%)
Luminanz: 0,115

Kontrast & Barrierefreiheit

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

Aa #FFFFF5 auf #131457 16,50:1 AAA

Aa #FFFFF5 auf #433BFF 6,31:1 AA

Aa #8F94C5 auf #131457 5,70:1 AA

Aa #FFFFF5 auf #8F94C5 2,90:1 Nicht bestanden

Aa #131457 auf #433BFF 2,61:1 Nicht bestanden

Aa #8F94C5 auf #433BFF 2,18:1 Nicht bestanden

Window Of Opportunity