Enbydiade6

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

Zurück zur Bibliothek

Enbydiade6

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

Bearbeiten

Erdig 6 Farben Warm Gemischt Komplementär artist red purple yellow

Likes 208

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #231C24;
  --c-earthy-2: #332945;
  --c-earthy-3: #5B3F69;
  --c-earthy-4: #8F596C;
  --c-earthy-5: #C2A47E;
  --c-earthy-6: #CCE3E3;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Lens Flare Blue (#CCE3E3) bis zum dunkelsten Ton Night Demons (#231C24). Sie vereint Night Demons, Obsidian Lava Black, Kikyō Purple, Majestic Orchid, Almandine und Lens Flare Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #231C24 auf #CCE3E3 mit 12,4: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

Night Demons #231C24

RGB: rgb(35, 28, 36)
HSL: hsl(293, 13%, 13%)
Luminanz: 0,013

Obsidian Lava Black #332945

RGB: rgb(51, 41, 69)
HSL: hsl(261, 25%, 22%)
Luminanz: 0,027

Kikyō Purple #5B3F69

RGB: rgb(91, 63, 105)
HSL: hsl(280, 25%, 33%)
Luminanz: 0,068

Majestic Orchid #8F596C

RGB: rgb(143, 89, 108)
HSL: hsl(339, 23%, 45%)
Luminanz: 0,141

Almandine #C2A47E

RGB: rgb(194, 164, 126)
HSL: hsl(34, 36%, 63%)
Luminanz: 0,395

Lens Flare Blue #CCE3E3

RGB: rgb(204, 227, 227)
HSL: hsl(180, 29%, 85%)
Luminanz: 0,733

Kontrast & Barrierefreiheit

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

Aa #231C24 auf #CCE3E3 12,40:1 AAA

Aa #332945 auf #CCE3E3 10,15:1 AAA

Aa #231C24 auf #C2A47E 7,05:1 AAA

Aa #5B3F69 auf #CCE3E3 6,64:1 AA

Aa #332945 auf #C2A47E 5,77:1 AA

Aa #8F596C auf #CCE3E3 4,11:1 AA (großer Text)

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

Aa #231C24 auf #8F596C 3,02:1 AA (großer Text)

Aa #332945 auf #8F596C 2,47:1 Nicht bestanden

Aa #8F596C auf #C2A47E 2,34:1 Nicht bestanden

Aa #231C24 auf #5B3F69 1,87:1 Nicht bestanden

Aa #C2A47E auf #CCE3E3 1,76:1 Nicht bestanden

Aa #5B3F69 auf #8F596C 1,62:1 Nicht bestanden

Aa #332945 auf #5B3F69 1,53:1 Nicht bestanden

Aa #231C24 auf #332945 1,22:1 Nicht bestanden

Enbydiade6

Enbydiade6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen