Pud

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

Zurück zur Bibliothek

Pud

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Triadisch 3bit 3bit3cember pud

Likes 60

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #2B0B27;
  --c-earthy-2: #592656;
  --c-earthy-3: #5B4358;
  --c-earthy-4: #894A4A;
  --c-earthy-5: #A48474;
  --c-earthy-6: #A4A478;
  --c-earthy-7: #C6B08F;
  --c-earthy-8: #C9C6B7;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Chrome White (#C9C6B7) bis zum dunkelsten Ton Dark Prom Queen (#2B0B27). Sie vereint Dark Prom Queen, Kuwanomi Purple, Crowd Pleaser, Rhubarb Smoothie, Clay Dusk, Dill Grass, Peculiarly Drab Tincture und Chrome White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2B0B27 auf #C9C6B7 mit 10,38: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

Dark Prom Queen #2B0B27

RGB: rgb(43, 11, 39)
HSL: hsl(308, 59%, 11%)
Luminanz: 0,009

Kuwanomi Purple #592656

RGB: rgb(89, 38, 86)
HSL: hsl(304, 40%, 25%)
Luminanz: 0,042

Crowd Pleaser #5B4358

RGB: rgb(91, 67, 88)
HSL: hsl(308, 15%, 31%)
Luminanz: 0,069

Rhubarb Smoothie #894A4A

RGB: rgb(137, 74, 74)
HSL: hsl(0, 30%, 41%)
Luminanz: 0,107

Clay Dusk #A48474

RGB: rgb(164, 132, 116)
HSL: hsl(20, 21%, 55%)
Luminanz: 0,257

Dill Grass #A4A478

RGB: rgb(164, 164, 120)
HSL: hsl(60, 19%, 56%)
Luminanz: 0,358

Peculiarly Drab Tincture #C6B08F

RGB: rgb(198, 176, 143)
HSL: hsl(36, 33%, 67%)
Luminanz: 0,450

Chrome White #C9C6B7

RGB: rgb(201, 198, 183)
HSL: hsl(50, 14%, 75%)
Luminanz: 0,562

Kontrast & Barrierefreiheit

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

Aa #2B0B27 auf #C9C6B7 10,38:1 AAA

Aa #2B0B27 auf #C6B08F 8,48:1 AAA

Aa #2B0B27 auf #A4A478 6,92:1 AA

Aa #592656 auf #C9C6B7 6,67:1 AA

Aa #592656 auf #C6B08F 5,45:1 AA

Aa #2B0B27 auf #A48474 5,20:1 AA

Aa #5B4358 auf #C9C6B7 5,13:1 AA

Aa #592656 auf #A4A478 4,44:1 AA (großer Text)

Aa #5B4358 auf #C6B08F 4,19:1 AA (großer Text)

Aa #894A4A auf #C9C6B7 3,90:1 AA (großer Text)

Aa #5B4358 auf #A4A478 3,42:1 AA (großer Text)

Aa #592656 auf #A48474 3,34:1 AA (großer Text)

Aa #894A4A auf #C6B08F 3,19:1 AA (großer Text)

Aa #2B0B27 auf #894A4A 2,66:1 Nicht bestanden

Aa #894A4A auf #A4A478 2,60:1 Nicht bestanden

Aa #5B4358 auf #A48474 2,57:1 Nicht bestanden

Aa #2B0B27 auf #5B4358 2,02:1 Nicht bestanden

Aa #A48474 auf #C9C6B7 2,00:1 Nicht bestanden

Aa #894A4A auf #A48474 1,95:1 Nicht bestanden

Aa #592656 auf #894A4A 1,71:1 Nicht bestanden

Aa #A48474 auf #C6B08F 1,63:1 Nicht bestanden

Aa #2B0B27 auf #592656 1,56:1 Nicht bestanden

Aa #A4A478 auf #C9C6B7 1,50:1 Nicht bestanden

Aa #A48474 auf #A4A478 1,33:1 Nicht bestanden

Aa #5B4358 auf #894A4A 1,32:1 Nicht bestanden

Aa #592656 auf #5B4358 1,30:1 Nicht bestanden

Aa #A4A478 auf #C6B08F 1,23:1 Nicht bestanden

Aa #C6B08F auf #C9C6B7 1,22:1 Nicht bestanden

Pud

Pud

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen