Sand 6

Palette mit 6 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Sand 6

Palette mit 6 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 6 Farben Warm Gemischt Komplementär 6 desert sand chase

Likes 12

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #485968;
  --c-earthy-2: #628395;
  --c-earthy-3: #887A6D;
  --c-earthy-4: #DBAD6A;
  --c-earthy-5: #CF995F;
  --c-earthy-6: #DFD5A5;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Buckwheat Groats (#DFD5A5) bis zum dunkelsten Ton Harbour (#485968). Sie vereint Harbour, Play Me a Melody, Lost Summit, Necrophilic Brown, Butternut Tree und Buckwheat Groats in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #485968 auf #DFD5A5 mit 4,89: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

Harbour #485968

RGB: rgb(72, 89, 104)
HSL: hsl(208, 18%, 35%)
Luminanz: 0,095

Play Me a Melody #628395

RGB: rgb(98, 131, 149)
HSL: hsl(201, 21%, 48%)
Luminanz: 0,210

Lost Summit #887A6D

RGB: rgb(136, 122, 109)
HSL: hsl(29, 11%, 48%)
Luminanz: 0,203

Necrophilic Brown #DBAD6A

RGB: rgb(219, 173, 106)
HSL: hsl(36, 61%, 64%)
Luminanz: 0,460

Butternut Tree #CF995F

RGB: rgb(207, 153, 95)
HSL: hsl(31, 54%, 59%)
Luminanz: 0,369

Buckwheat Groats #DFD5A5

RGB: rgb(223, 213, 165)
HSL: hsl(50, 48%, 76%)
Luminanz: 0,660

Kontrast & Barrierefreiheit

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

Aa #485968 auf #DFD5A5 4,89:1 AA

Aa #485968 auf #DBAD6A 3,51:1 AA (großer Text)

Aa #485968 auf #CF995F 2,88:1 Nicht bestanden

Aa #887A6D auf #DFD5A5 2,81:1 Nicht bestanden

Aa #628395 auf #DFD5A5 2,73:1 Nicht bestanden

Aa #887A6D auf #DBAD6A 2,02:1 Nicht bestanden

Aa #628395 auf #DBAD6A 1,96:1 Nicht bestanden

Aa #485968 auf #628395 1,79:1 Nicht bestanden

Aa #485968 auf #887A6D 1,74:1 Nicht bestanden

Aa #CF995F auf #DFD5A5 1,70:1 Nicht bestanden

Aa #887A6D auf #CF995F 1,66:1 Nicht bestanden

Aa #628395 auf #CF995F 1,61:1 Nicht bestanden

Aa #DBAD6A auf #DFD5A5 1,39:1 Nicht bestanden

Aa #DBAD6A auf #CF995F 1,22:1 Nicht bestanden

Aa #628395 auf #887A6D 1,03:1 Nicht bestanden

Sand 6

Sand 6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen