Startseite Farbpaletten Palette „Opal Green“ mit 4 Farben

Palette „Opal Green“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Opal Green“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Erdig 4 Farben Warm Gemischt Triadisch

Likes 2.932

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #1B8057;
  --c-earthy-2: #55A44E;
  --c-earthy-3: #D7C37A;
  --c-earthy-4: #EDE9A3;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Wax Yellow (#EDE9A3) bis zum dunkelsten Ton Opal Green (#1B8057). Sie vereint Opal Green, Lush Un’goro Crater, Marsh Field und Wax Yellow in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Opal Green #1B8057

RGB: rgb(27, 128, 87)
HSL: hsl(156, 65%, 30%)
Luminanz: 0,164

Lush Un’goro Crater #55A44E

RGB: rgb(85, 164, 78)
HSL: hsl(115, 36%, 47%)
Luminanz: 0,290

Marsh Field #D7C37A

RGB: rgb(215, 195, 122)
HSL: hsl(47, 54%, 66%)
Luminanz: 0,549

Wax Yellow #EDE9A3

RGB: rgb(237, 233, 163)
HSL: hsl(57, 67%, 78%)
Luminanz: 0,789

Kontrast & Barrierefreiheit

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

Aa #1B8057 auf #EDE9A3 3,93:1 AA (großer Text)

Aa #1B8057 auf #D7C37A 2,80:1 Nicht bestanden

Aa #55A44E auf #EDE9A3 2,47:1 Nicht bestanden

Aa #55A44E auf #D7C37A 1,76:1 Nicht bestanden

Aa #1B8057 auf #55A44E 1,59:1 Nicht bestanden

Aa #D7C37A auf #EDE9A3 1,40:1 Nicht bestanden

Palette „Opal Green“ mit 4 Farben