EggDealer6

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

Zurück zur Bibliothek

EggDealer6

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

Bearbeiten

Erdig 6 Farben Warm Gemischt Analog night 6colors desaturated egg

Likes 263

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #47323B;
  --c-earthy-2: #5C4657;
  --c-earthy-3: #735A55;
  --c-earthy-4: #B0764F;
  --c-earthy-5: #BAAC81;
  --c-earthy-6: #E9D79D;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Leaf Yellow (#E9D79D) bis zum dunkelsten Ton Rapt (#47323B). Sie vereint Rapt, Strike a Pose, Taupe Night, Baked Bean, Inner Cervela und Leaf Yellow in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #47323B auf #E9D79D mit 8,21: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

Rapt #47323B

RGB: rgb(71, 50, 59)
HSL: hsl(334, 17%, 24%)
Luminanz: 0,039

Strike a Pose #5C4657

RGB: rgb(92, 70, 87)
HSL: hsl(314, 14%, 32%)
Luminanz: 0,073

Taupe Night #735A55

RGB: rgb(115, 90, 85)
HSL: hsl(10, 15%, 39%)
Luminanz: 0,116

Baked Bean #B0764F

RGB: rgb(176, 118, 79)
HSL: hsl(24, 38%, 50%)
Luminanz: 0,228

Inner Cervela #BAAC81

RGB: rgb(186, 172, 129)
HSL: hsl(45, 29%, 62%)
Luminanz: 0,415

Leaf Yellow #E9D79D

RGB: rgb(233, 215, 157)
HSL: hsl(46, 63%, 76%)
Luminanz: 0,684

Kontrast & Barrierefreiheit

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

Aa #47323B auf #E9D79D 8,21:1 AAA

Aa #5C4657 auf #E9D79D 5,94:1 AA

Aa #47323B auf #BAAC81 5,21:1 AA

Aa #735A55 auf #E9D79D 4,42:1 AA (großer Text)

Aa #5C4657 auf #BAAC81 3,77:1 AA (großer Text)

Aa #47323B auf #B0764F 3,11:1 AA (großer Text)

Aa #735A55 auf #BAAC81 2,80:1 Nicht bestanden

Aa #B0764F auf #E9D79D 2,64:1 Nicht bestanden

Aa #5C4657 auf #B0764F 2,25:1 Nicht bestanden

Aa #47323B auf #735A55 1,86:1 Nicht bestanden

Aa #B0764F auf #BAAC81 1,68:1 Nicht bestanden

Aa #735A55 auf #B0764F 1,67:1 Nicht bestanden

Aa #BAAC81 auf #E9D79D 1,58:1 Nicht bestanden

Aa #47323B auf #5C4657 1,38:1 Nicht bestanden

Aa #5C4657 auf #735A55 1,35:1 Nicht bestanden

EggDealer6

EggDealer6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen