Dream Haze 8

Palette mit 8 Farben · Warm · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Dream Haze 8

Palette mit 8 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Erdig 8 Farben Warm Hell Komplementär artist pink blue purple

Likes 834

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #3C42C4;
  --c-earthy-2: #6E51C8;
  --c-earthy-3: #A065CD;
  --c-earthy-4: #CE79D2;
  --c-earthy-5: #D68FB8;
  --c-earthy-6: #DDA2A3;
  --c-earthy-7: #EAC4AE;
  --c-earthy-8: #F4DFBE;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Cracked Wheat (#F4DFBE) bis zum dunkelsten Ton Early Spring Night (#3C42C4). Sie vereint Early Spring Night, Waiporoporo Purple, Amethyst, Purple Kush, High Maintenance, Pastel Pink, Pinkham und Cracked Wheat in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #3C42C4 auf #F4DFBE mit 5,83: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

Early Spring Night #3C42C4

RGB: rgb(60, 66, 196)
HSL: hsl(237, 54%, 50%)
Luminanz: 0,088

Waiporoporo Purple #6E51C8

RGB: rgb(110, 81, 200)
HSL: hsl(255, 52%, 55%)
Luminanz: 0,134

Amethyst #A065CD

RGB: rgb(160, 101, 205)
HSL: hsl(274, 51%, 60%)
Luminanz: 0,212

Purple Kush #CE79D2

RGB: rgb(206, 121, 210)
HSL: hsl(297, 50%, 65%)
Luminanz: 0,315

High Maintenance #D68FB8

RGB: rgb(214, 143, 184)
HSL: hsl(325, 46%, 70%)
Luminanz: 0,374

Pastel Pink #DDA2A3

RGB: rgb(221, 162, 163)
HSL: hsl(359, 46%, 75%)
Luminanz: 0,439

Pinkham #EAC4AE

RGB: rgb(234, 196, 174)
HSL: hsl(22, 59%, 80%)
Luminanz: 0,600

Cracked Wheat #F4DFBE

RGB: rgb(244, 223, 190)
HSL: hsl(37, 71%, 85%)
Luminanz: 0,757

Kontrast & Barrierefreiheit

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

Aa #3C42C4 auf #F4DFBE 5,83:1 AA

Aa #3C42C4 auf #EAC4AE 4,70:1 AA

Aa #6E51C8 auf #F4DFBE 4,39:1 AA (großer Text)

Aa #6E51C8 auf #EAC4AE 3,54:1 AA (großer Text)

Aa #3C42C4 auf #DDA2A3 3,53:1 AA (großer Text)

Aa #A065CD auf #F4DFBE 3,08:1 AA (großer Text)

Aa #3C42C4 auf #D68FB8 3,06:1 AA (großer Text)

Aa #6E51C8 auf #DDA2A3 2,66:1 Nicht bestanden

Aa #3C42C4 auf #CE79D2 2,63:1 Nicht bestanden

Aa #A065CD auf #EAC4AE 2,48:1 Nicht bestanden

Aa #6E51C8 auf #D68FB8 2,31:1 Nicht bestanden

Aa #CE79D2 auf #F4DFBE 2,21:1 Nicht bestanden

Aa #6E51C8 auf #CE79D2 1,98:1 Nicht bestanden

Aa #D68FB8 auf #F4DFBE 1,90:1 Nicht bestanden

Aa #3C42C4 auf #A065CD 1,89:1 Nicht bestanden

Aa #A065CD auf #DDA2A3 1,87:1 Nicht bestanden

Aa #CE79D2 auf #EAC4AE 1,78:1 Nicht bestanden

Aa #DDA2A3 auf #F4DFBE 1,65:1 Nicht bestanden

Aa #A065CD auf #D68FB8 1,62:1 Nicht bestanden

Aa #D68FB8 auf #EAC4AE 1,53:1 Nicht bestanden

Aa #6E51C8 auf #A065CD 1,43:1 Nicht bestanden

Aa #A065CD auf #CE79D2 1,39:1 Nicht bestanden

Aa #CE79D2 auf #DDA2A3 1,34:1 Nicht bestanden

Aa #3C42C4 auf #6E51C8 1,33:1 Nicht bestanden

Aa #DDA2A3 auf #EAC4AE 1,33:1 Nicht bestanden

Aa #EAC4AE auf #F4DFBE 1,24:1 Nicht bestanden

Aa #CE79D2 auf #D68FB8 1,16:1 Nicht bestanden

Aa #D68FB8 auf #DDA2A3 1,15:1 Nicht bestanden

Dream Haze 8

Dream Haze 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen