Rabbit

Palette mit 7 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Rabbit

Palette mit 7 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 7 Farben Neutral Gemischt Komplementär artist grafxkid

Likes 109

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #D47564;
  --c-earthy-2: #E8C498;
  --c-earthy-3: #ECECE0;
  --c-earthy-4: #4FA4A5;
  --c-earthy-5: #AAD395;
  --c-earthy-6: #3B324A;
  --c-earthy-7: #5C6182;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Ageless (#ECECE0) bis zum dunkelsten Ton Chrysomela Goettingensis (#3B324A). Sie vereint OK Corral, Electrum, Ageless, Twilight Meadow, Nature’s Delight, Chrysomela Goettingensis und Strong Iris in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #ECECE0 auf #3B324A mit 10,13: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

OK Corral #D47564

RGB: rgb(212, 117, 100)
HSL: hsl(9, 57%, 61%)
Luminanz: 0,276

Electrum #E8C498

RGB: rgb(232, 196, 152)
HSL: hsl(33, 63%, 75%)
Luminanz: 0,589

Ageless #ECECE0

RGB: rgb(236, 236, 224)
HSL: hsl(60, 24%, 90%)
Luminanz: 0,832

Twilight Meadow #4FA4A5

RGB: rgb(79, 164, 165)
HSL: hsl(181, 35%, 48%)
Luminanz: 0,309

Nature’s Delight #AAD395

RGB: rgb(170, 211, 149)
HSL: hsl(100, 41%, 71%)
Luminanz: 0,573

Chrysomela Goettingensis #3B324A

RGB: rgb(59, 50, 74)
HSL: hsl(263, 19%, 24%)
Luminanz: 0,037

Strong Iris #5C6182

RGB: rgb(92, 97, 130)
HSL: hsl(232, 17%, 44%)
Luminanz: 0,124

Kontrast & Barrierefreiheit

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

Aa #ECECE0 auf #3B324A 10,13:1 AAA

Aa #E8C498 auf #3B324A 7,34:1 AAA

Aa #AAD395 auf #3B324A 7,16:1 AAA

Aa #ECECE0 auf #5C6182 5,06:1 AA

Aa #4FA4A5 auf #3B324A 4,13:1 AA (großer Text)

Aa #D47564 auf #3B324A 3,75:1 AA (großer Text)

Aa #E8C498 auf #5C6182 3,66:1 AA (großer Text)

Aa #AAD395 auf #5C6182 3,57:1 AA (großer Text)

Aa #D47564 auf #ECECE0 2,70:1 Nicht bestanden

Aa #ECECE0 auf #4FA4A5 2,45:1 Nicht bestanden

Aa #4FA4A5 auf #5C6182 2,06:1 Nicht bestanden

Aa #3B324A auf #5C6182 2,00:1 Nicht bestanden

Aa #D47564 auf #E8C498 1,96:1 Nicht bestanden

Aa #D47564 auf #AAD395 1,91:1 Nicht bestanden

Aa #D47564 auf #5C6182 1,87:1 Nicht bestanden

Aa #E8C498 auf #4FA4A5 1,78:1 Nicht bestanden

Aa #4FA4A5 auf #AAD395 1,73:1 Nicht bestanden

Aa #ECECE0 auf #AAD395 1,42:1 Nicht bestanden

Aa #E8C498 auf #ECECE0 1,38:1 Nicht bestanden

Aa #D47564 auf #4FA4A5 1,10:1 Nicht bestanden

Aa #E8C498 auf #AAD395 1,03:1 Nicht bestanden

Rabbit

Rabbit

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen