Violet Dreams

Violet Dreams

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

Violet Dreams

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

Bearbeiten
Erdig 8 Farben Warm Gemischt Komplementär pink black blue purple
Likes 34
Farben 8


CSS-Variablen

:root {
  --c-earthy-1: #EDE9D5;
  --c-earthy-2: #D4BFBA;
  --c-earthy-3: #A87183;
  --c-earthy-4: #5E405E;
  --c-earthy-5: #231B45;
  --c-earthy-6: #132533;
  --c-earthy-7: #011C1C;
  --c-earthy-8: #000000;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Italian Lace (#EDE9D5) bis zum dunkelsten Ton Black (#000000). Sie vereint Italian Lace, Salmon Smoke, Never Forget, Hortensia, Azulado, Fog of War, Stellar Explorer und Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #EDE9D5 auf #000000 mit 17,22: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

Italian Lace #EDE9D5
RGB
rgb(237, 233, 213)
HSL
hsl(50, 40%, 88%)
Luminanz
0,811
Salmon Smoke #D4BFBA
RGB
rgb(212, 191, 186)
HSL
hsl(12, 23%, 78%)
Luminanz
0,548
Never Forget #A87183
RGB
rgb(168, 113, 131)
HSL
hsl(340, 24%, 55%)
Luminanz
0,218
Hortensia #5E405E
RGB
rgb(94, 64, 94)
HSL
hsl(300, 19%, 31%)
Luminanz
0,069
Azulado #231B45
RGB
rgb(35, 27, 69)
HSL
hsl(251, 44%, 19%)
Luminanz
0,016
Fog of War #132533
RGB
rgb(19, 37, 51)
HSL
hsl(206, 46%, 14%)
Luminanz
0,017
Stellar Explorer #011C1C
RGB
rgb(1, 28, 28)
HSL
hsl(180, 93%, 6%)
Luminanz
0,009
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminanz
0,000

Kontrast & Barrierefreiheit

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

Aa #EDE9D5 auf #000000 17,22:1 AAA
Aa #EDE9D5 auf #011C1C 14,54:1 AAA
Aa #EDE9D5 auf #231B45 13,10:1 AAA
Aa #EDE9D5 auf #132533 12,85:1 AAA
Aa #D4BFBA auf #000000 11,96:1 AAA
Aa #D4BFBA auf #011C1C 10,10:1 AAA
Aa #D4BFBA auf #231B45 9,10:1 AAA
Aa #D4BFBA auf #132533 8,93:1 AAA
Aa #EDE9D5 auf #5E405E 7,26:1 AAA
Aa #A87183 auf #000000 5,35:1 AA
Aa #D4BFBA auf #5E405E 5,04:1 AA
Aa #A87183 auf #011C1C 4,52:1 AA
Aa #A87183 auf #231B45 4,07:1 AA (großer Text)
Aa #A87183 auf #132533 4,00:1 AA (großer Text)
Aa #EDE9D5 auf #A87183 3,22:1 AA (großer Text)
Aa #5E405E auf #000000 2,37:1 Nicht bestanden
Aa #A87183 auf #5E405E 2,26:1 Nicht bestanden
Aa #D4BFBA auf #A87183 2,23:1 Nicht bestanden
Aa #5E405E auf #011C1C 2,00:1 Nicht bestanden
Aa #5E405E auf #231B45 1,80:1 Nicht bestanden
Aa #5E405E auf #132533 1,77:1 Nicht bestanden
Aa #EDE9D5 auf #D4BFBA 1,44:1 Nicht bestanden
Aa #132533 auf #000000 1,34:1 Nicht bestanden
Aa #231B45 auf #000000 1,31:1 Nicht bestanden
Aa #011C1C auf #000000 1,18:1 Nicht bestanden
Aa #132533 auf #011C1C 1,13:1 Nicht bestanden
Aa #231B45 auf #011C1C 1,11:1 Nicht bestanden
Aa #231B45 auf #132533 1,02:1 Nicht bestanden

Ähnliche Paletten

#F9ED69 #F08A5D #B83B5E #6A2C70
4 Farben
#7D5A50 #B4846C #E5B299 #FCDEC0
4 Farben
#FFF8EA #9E7676 #815B5B #594545
4 Farben
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 Farben
#F67280 #C06C84 #6C5B7B #355C7D
4 Farben
#2B2E4A #E84545 #903749 #53354A
4 Farben
#E5D9B6 #A4BE7B #5F8D4E #285430
4 Farben
#A9907E #F3DEBA #ABC4AA #675D50
4 Farben