Synthwave 9

Synthwave 9

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

Synthwave 9

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

Bearbeiten
Erdig 9 Farben Warm Gemischt Komplementär artist starlane star
Likes 102
Farben 9


CSS-Variablen

:root {
  --c-earthy-1: #F6EDDB;
  --c-earthy-2: #EC8D75;
  --c-earthy-3: #BD4B64;
  --c-earthy-4: #9E2281;
  --c-earthy-5: #40265C;
  --c-earthy-6: #1B1E23;
  --c-earthy-7: #244584;
  --c-earthy-8: #50A9CF;
  --c-earthy-9: #96E6C2;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton White Mountain (#F6EDDB) bis zum dunkelsten Ton Satin Deep Black (#1B1E23). Sie vereint White Mountain, Warm Welcome, Pink Dahlia, Magneto’s Magenta, Queen’s Domain, Satin Deep Black, Maritime Outpost, Estero Sky und Green Gum in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F6EDDB auf #1B1E23 mit 14,37: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

White Mountain #F6EDDB
RGB
rgb(246, 237, 219)
HSL
hsl(40, 60%, 91%)
Luminanz
0,853
Warm Welcome #EC8D75
RGB
rgb(236, 141, 117)
HSL
hsl(12, 76%, 69%)
Luminanz
0,382
Pink Dahlia #BD4B64
RGB
rgb(189, 75, 100)
HSL
hsl(347, 46%, 52%)
Luminanz
0,168
Magneto’s Magenta #9E2281
RGB
rgb(158, 34, 129)
HSL
hsl(314, 65%, 38%)
Luminanz
0,100
Queen’s Domain #40265C
RGB
rgb(64, 38, 92)
HSL
hsl(269, 42%, 25%)
Luminanz
0,033
Satin Deep Black #1B1E23
RGB
rgb(27, 30, 35)
HSL
hsl(218, 13%, 12%)
Luminanz
0,013
Maritime Outpost #244584
RGB
rgb(36, 69, 132)
HSL
hsl(219, 57%, 33%)
Luminanz
0,063
Estero Sky #50A9CF
RGB
rgb(80, 169, 207)
HSL
hsl(198, 57%, 56%)
Luminanz
0,346
Green Gum #96E6C2
RGB
rgb(150, 230, 194)
HSL
hsl(153, 62%, 75%)
Luminanz
0,670

Kontrast & Barrierefreiheit

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

Aa #F6EDDB auf #1B1E23 14,37:1 AAA
Aa #1B1E23 auf #96E6C2 11,46:1 AAA
Aa #F6EDDB auf #40265C 10,94:1 AAA
Aa #40265C auf #96E6C2 8,73:1 AAA
Aa #F6EDDB auf #244584 7,99:1 AAA
Aa #EC8D75 auf #1B1E23 6,87:1 AA
Aa #244584 auf #96E6C2 6,37:1 AA
Aa #1B1E23 auf #50A9CF 6,30:1 AA
Aa #F6EDDB auf #9E2281 6,02:1 AA
Aa #EC8D75 auf #40265C 5,23:1 AA
Aa #9E2281 auf #96E6C2 4,80:1 AA
Aa #40265C auf #50A9CF 4,80:1 AA
Aa #F6EDDB auf #BD4B64 4,15:1 AA (großer Text)
Aa #EC8D75 auf #244584 3,82:1 AA (großer Text)
Aa #244584 auf #50A9CF 3,50:1 AA (großer Text)
Aa #BD4B64 auf #1B1E23 3,47:1 AA (großer Text)
Aa #BD4B64 auf #96E6C2 3,31:1 AA (großer Text)
Aa #EC8D75 auf #9E2281 2,88:1 Nicht bestanden
Aa #BD4B64 auf #40265C 2,64:1 Nicht bestanden
Aa #9E2281 auf #50A9CF 2,64:1 Nicht bestanden
Aa #9E2281 auf #1B1E23 2,39:1 Nicht bestanden
Aa #F6EDDB auf #50A9CF 2,28:1 Nicht bestanden
Aa #F6EDDB auf #EC8D75 2,09:1 Nicht bestanden
Aa #EC8D75 auf #BD4B64 1,98:1 Nicht bestanden
Aa #BD4B64 auf #244584 1,93:1 Nicht bestanden
Aa #BD4B64 auf #50A9CF 1,82:1 Nicht bestanden
Aa #9E2281 auf #40265C 1,82:1 Nicht bestanden
Aa #50A9CF auf #96E6C2 1,82:1 Nicht bestanden
Aa #1B1E23 auf #244584 1,80:1 Nicht bestanden
Aa #EC8D75 auf #96E6C2 1,67:1 Nicht bestanden
Aa #BD4B64 auf #9E2281 1,45:1 Nicht bestanden
Aa #40265C auf #244584 1,37:1 Nicht bestanden
Aa #9E2281 auf #244584 1,33:1 Nicht bestanden
Aa #40265C auf #1B1E23 1,31:1 Nicht bestanden
Aa #F6EDDB auf #96E6C2 1,25:1 Nicht bestanden
Aa #EC8D75 auf #50A9CF 1,09: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