Carpet Rose

Palette mit 6 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Carpet Rose

Palette mit 6 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Erdig 6 Farben Warm Gemischt Analog rose 6color groxguy 6colour

Likes 180

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #3B392A;
  --c-earthy-2: #655D4A;
  --c-earthy-3: #6F4143;
  --c-earthy-4: #A46A66;
  --c-earthy-5: #A4825D;
  --c-earthy-6: #D6BAA5;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Maiko (#D6BAA5) bis zum dunkelsten Ton El Paso (#3B392A). Sie vereint El Paso, City Bench, Old Coffee, Wet Desert Clay, Cumin und Maiko in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #3B392A auf #D6BAA5 mit 6,33: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

El Paso #3B392A

RGB: rgb(59, 57, 42)
HSL: hsl(53, 17%, 20%)
Luminanz: 0,040

City Bench #655D4A

RGB: rgb(101, 93, 74)
HSL: hsl(42, 15%, 34%)
Luminanz: 0,111

Old Coffee #6F4143

RGB: rgb(111, 65, 67)
HSL: hsl(357, 26%, 35%)
Luminanz: 0,076

Wet Desert Clay #A46A66

RGB: rgb(164, 106, 102)
HSL: hsl(4, 25%, 52%)
Luminanz: 0,192

Cumin #A4825D

RGB: rgb(164, 130, 93)
HSL: hsl(31, 28%, 50%)
Luminanz: 0,247

Maiko #D6BAA5

RGB: rgb(214, 186, 165)
HSL: hsl(26, 37%, 74%)
Luminanz: 0,521

Kontrast & Barrierefreiheit

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

Aa #3B392A auf #D6BAA5 6,33:1 AA

Aa #6F4143 auf #D6BAA5 4,55:1 AA

Aa #655D4A auf #D6BAA5 3,55:1 AA (großer Text)

Aa #3B392A auf #A4825D 3,29:1 AA (großer Text)

Aa #3B392A auf #A46A66 2,68:1 Nicht bestanden

Aa #6F4143 auf #A4825D 2,36:1 Nicht bestanden

Aa #A46A66 auf #D6BAA5 2,36:1 Nicht bestanden

Aa #A4825D auf #D6BAA5 1,93:1 Nicht bestanden

Aa #6F4143 auf #A46A66 1,92:1 Nicht bestanden

Aa #655D4A auf #A4825D 1,84:1 Nicht bestanden

Aa #3B392A auf #655D4A 1,78:1 Nicht bestanden

Aa #655D4A auf #A46A66 1,50:1 Nicht bestanden

Aa #3B392A auf #6F4143 1,39:1 Nicht bestanden

Aa #655D4A auf #6F4143 1,28:1 Nicht bestanden

Aa #A46A66 auf #A4825D 1,23:1 Nicht bestanden

Carpet Rose

Carpet Rose

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen