Startseite Farbpaletten Palette „Indigo Dye“ mit 4 Farben

Palette „Indigo Dye“ mit 4 Farben

Palette mit 4 Farben · Warm · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Indigo Dye“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Warm Hell Komplementär

Likes 4.317

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F8BD7F;
  --c-vibrant-2: #00416D;
  --c-vibrant-3: #F5F1DA;
  --c-vibrant-4: #E3DFC8;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Cream Filling (#F5F1DA) bis zum dunkelsten Ton Indigo Dye (#00416D). Sie vereint Apricot Yellow, Indigo Dye, Cream Filling und Light Pistachio Tang 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 #00416D auf #F5F1DA mit 9,35:1.

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

Farben im Detail

Apricot Yellow #F8BD7F

RGB: rgb(248, 189, 127)
HSL: hsl(31, 90%, 74%)
Luminanz: 0,579

Indigo Dye #00416D

RGB: rgb(0, 65, 109)
HSL: hsl(204, 100%, 21%)
Luminanz: 0,049

Cream Filling #F5F1DA

RGB: rgb(245, 241, 218)
HSL: hsl(51, 57%, 91%)
Luminanz: 0,874

Light Pistachio Tang #E3DFC8

RGB: rgb(227, 223, 200)
HSL: hsl(51, 33%, 84%)
Luminanz: 0,733

Kontrast & Barrierefreiheit

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

Aa #00416D auf #F5F1DA 9,35:1 AAA

Aa #00416D auf #E3DFC8 7,92:1 AAA

Aa #F8BD7F auf #00416D 6,36:1 AA

Aa #F8BD7F auf #F5F1DA 1,47:1 Nicht bestanden

Aa #F8BD7F auf #E3DFC8 1,24:1 Nicht bestanden

Aa #F5F1DA auf #E3DFC8 1,18:1 Nicht bestanden

Palette „Indigo Dye“ mit 4 Farben