Startseite Farbpaletten Palette „Indigo Girls“ mit 4 Farben

Palette „Indigo Girls“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Indigo Girls“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Triadisch

Likes 6.312

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #21094E;
  --c-vibrant-2: #511281;
  --c-vibrant-3: #4CA1A3;
  --c-vibrant-4: #A5E1AD;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Overtone (#A5E1AD) bis zum dunkelsten Ton Indigo Sloth (#21094E). Sie vereint Indigo Sloth, Indigo Girls, Aqua Fresco und Overtone 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 #21094E auf #A5E1AD mit 11,51:1.

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

Farben im Detail

Indigo Sloth #21094E

RGB: rgb(33, 9, 78)
HSL: hsl(261, 79%, 17%)
Luminanz: 0,011

Indigo Girls #511281

RGB: rgb(81, 18, 129)
HSL: hsl(274, 76%, 29%)
Luminanz: 0,038

Aqua Fresco #4CA1A3

RGB: rgb(76, 161, 163)
HSL: hsl(181, 36%, 47%)
Luminanz: 0,297

Overtone #A5E1AD

RGB: rgb(165, 225, 173)
HSL: hsl(128, 50%, 76%)
Luminanz: 0,649

Kontrast & Barrierefreiheit

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

Aa #21094E auf #A5E1AD 11,51:1 AAA

Aa #511281 auf #A5E1AD 7,97:1 AAA

Aa #21094E auf #4CA1A3 5,71:1 AA

Aa #511281 auf #4CA1A3 3,95:1 AA (großer Text)

Aa #4CA1A3 auf #A5E1AD 2,02:1 Nicht bestanden

Aa #21094E auf #511281 1,44:1 Nicht bestanden

Palette „Indigo Girls“ mit 4 Farben