Startseite Farbpaletten Palette „Yellow Iris“ mit 4 Farben

Palette „Yellow Iris“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Yellow Iris“ mit 4 Farben

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

Bearbeiten

Erdig 4 Farben Warm Gemischt Komplementär

Likes 1.857

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #2F3032;
  --c-earthy-2: #383A56;
  --c-earthy-3: #B0A565;
  --c-earthy-4: #EDE68A;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Yellow Iris (#EDE68A) bis zum dunkelsten Ton Tap Shoe (#2F3032). Sie vereint Tap Shoe, Magic Night, Wavy Glass und Yellow Iris 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 #2F3032 auf #EDE68A mit 10,25:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

Tap Shoe #2F3032

RGB: rgb(47, 48, 50)
HSL: hsl(220, 3%, 19%)
Luminanz: 0,030

Magic Night #383A56

RGB: rgb(56, 58, 86)
HSL: hsl(236, 21%, 28%)
Luminanz: 0,045

Wavy Glass #B0A565

RGB: rgb(176, 165, 101)
HSL: hsl(51, 32%, 54%)
Luminanz: 0,371

Yellow Iris #EDE68A

RGB: rgb(237, 230, 138)
HSL: hsl(56, 73%, 74%)
Luminanz: 0,764

Kontrast & Barrierefreiheit

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

Aa #2F3032 auf #EDE68A 10,25:1 AAA

Aa #383A56 auf #EDE68A 8,54:1 AAA

Aa #2F3032 auf #B0A565 5,29:1 AA

Aa #383A56 auf #B0A565 4,41:1 AA (großer Text)

Aa #B0A565 auf #EDE68A 1,94:1 Nicht bestanden

Aa #2F3032 auf #383A56 1,20:1 Nicht bestanden

Palette „Yellow Iris“ mit 4 Farben