Pink&green

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

Zurück zur Bibliothek

Pink&green

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

Bearbeiten

Erdig 8 Farben Neutral Gemischt Komplementär

Likes 50

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #DAC0C0;
  --c-earthy-2: #C59A8B;
  --c-earthy-3: #9D8163;
  --c-earthy-4: #757745;
  --c-earthy-5: #3A6248;
  --c-earthy-6: #1C404B;
  --c-earthy-7: #11302F;
  --c-earthy-8: #03181E;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Peony Blush (#DAC0C0) bis zum dunkelsten Ton Creeping Death (#03181E). Sie vereint Peony Blush, Persian Bazaar, Hopsack, Gunmetal Green, Herbes de Provence, Bay Isle Pointe, Storm Green und Creeping Death in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #DAC0C0 auf #03181E mit 10,65: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

Peony Blush #DAC0C0

RGB: rgb(218, 192, 192)
HSL: hsl(0, 26%, 80%)
Luminanz: 0,564

Persian Bazaar #C59A8B

RGB: rgb(197, 154, 139)
HSL: hsl(16, 33%, 66%)
Luminanz: 0,369

Hopsack #9D8163

RGB: rgb(157, 129, 99)
HSL: hsl(31, 23%, 50%)
Luminanz: 0,238

Gunmetal Green #757745

RGB: rgb(117, 119, 69)
HSL: hsl(62, 27%, 37%)
Luminanz: 0,174

Herbes de Provence #3A6248

RGB: rgb(58, 98, 72)
HSL: hsl(141, 26%, 31%)
Luminanz: 0,101

Bay Isle Pointe #1C404B

RGB: rgb(28, 64, 75)
HSL: hsl(194, 46%, 20%)
Luminanz: 0,044

Storm Green #11302F

RGB: rgb(17, 48, 47)
HSL: hsl(178, 48%, 13%)
Luminanz: 0,024

Creeping Death #03181E

RGB: rgb(3, 24, 30)
HSL: hsl(193, 82%, 6%)
Luminanz: 0,008

Kontrast & Barrierefreiheit

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

Aa #DAC0C0 auf #03181E 10,65:1 AAA

Aa #DAC0C0 auf #11302F 8,26:1 AAA

Aa #C59A8B auf #03181E 7,26:1 AAA

Aa #DAC0C0 auf #1C404B 6,52:1 AA

Aa #C59A8B auf #11302F 5,63:1 AA

Aa #9D8163 auf #03181E 4,99:1 AA

Aa #C59A8B auf #1C404B 4,44:1 AA (großer Text)

Aa #DAC0C0 auf #3A6248 4,07:1 AA (großer Text)

Aa #757745 auf #03181E 3,89:1 AA (großer Text)

Aa #9D8163 auf #11302F 3,87:1 AA (großer Text)

Aa #9D8163 auf #1C404B 3,05:1 AA (großer Text)

Aa #757745 auf #11302F 3,01:1 AA (großer Text)

Aa #C59A8B auf #3A6248 2,77:1 Nicht bestanden

Aa #DAC0C0 auf #757745 2,74:1 Nicht bestanden

Aa #3A6248 auf #03181E 2,62:1 Nicht bestanden

Aa #757745 auf #1C404B 2,38:1 Nicht bestanden

Aa #DAC0C0 auf #9D8163 2,13:1 Nicht bestanden

Aa #3A6248 auf #11302F 2,03:1 Nicht bestanden

Aa #9D8163 auf #3A6248 1,90:1 Nicht bestanden

Aa #C59A8B auf #757745 1,87:1 Nicht bestanden

Aa #1C404B auf #03181E 1,63:1 Nicht bestanden

Aa #3A6248 auf #1C404B 1,60:1 Nicht bestanden

Aa #757745 auf #3A6248 1,48:1 Nicht bestanden

Aa #DAC0C0 auf #C59A8B 1,47:1 Nicht bestanden

Aa #C59A8B auf #9D8163 1,45:1 Nicht bestanden

Aa #11302F auf #03181E 1,29:1 Nicht bestanden

Aa #9D8163 auf #757745 1,28:1 Nicht bestanden

Aa #1C404B auf #11302F 1,27:1 Nicht bestanden

Pink&green

Pink&green

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen