Loud Green
#58E66C
Likes
12
Farben
6
CSS-Variablen
:root {
--c-muted-1: #58E66C;
--c-muted-2: #2B9139;
--c-muted-3: #E6EB68;
--c-muted-4: #EBBC68;
--c-muted-5: #C6C2BC;
--c-muted-6: #EFEEEC;
}Über diese Palette
Diese gedeckte Palette mit 6 Farben reicht vom hellsten Ton Magical Moonlight (#EFEEEC) bis zum dunkelsten Ton Green Ribbon (#2B9139). Sie vereint Loud Green, Green Ribbon, Honeysuckle, Mustard Sauce, Taupe White und Magical Moonlight in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 15 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Green Ribbon
#2B9139
Honeysuckle
#E6EB68
Mustard Sauce
#EBBC68
Taupe White
#C6C2BC
Magical Moonlight
#EFEEEC
Kontrast & Barrierefreiheit
0 von 15 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#2B9139 auf #EFEEEC
3,47:1
AA (großer Text)
Aa
#2B9139 auf #E6EB68
3,16:1
AA (großer Text)
Aa
#58E66C auf #2B9139
2,48:1
Nicht bestanden
Aa
#2B9139 auf #EBBC68
2,29:1
Nicht bestanden
Aa
#2B9139 auf #C6C2BC
2,27:1
Nicht bestanden
Aa
#C6C2BC auf #EFEEEC
1,53:1
Nicht bestanden
Aa
#EBBC68 auf #EFEEEC
1,52:1
Nicht bestanden
Aa
#58E66C auf #EFEEEC
1,40:1
Nicht bestanden
Aa
#E6EB68 auf #C6C2BC
1,39:1
Nicht bestanden
Aa
#E6EB68 auf #EBBC68
1,38:1
Nicht bestanden
Aa
#58E66C auf #E6EB68
1,27:1
Nicht bestanden
Aa
#E6EB68 auf #EFEEEC
1,10:1
Nicht bestanden
Aa
#58E66C auf #EBBC68
1,09:1
Nicht bestanden
Aa
#58E66C auf #C6C2BC
1,09:1
Nicht bestanden
Aa
#EBBC68 auf #C6C2BC
1,01:1
Nicht bestanden
Ähnliche Paletten
#FFF5E4
#FFE3E1
#FFD1D1
#FF9494
#F9F5F6
#F8E8EE
#FDCEDF
#F2BED1
#FFC7C7
#FFE2E2
#F6F6F6
#8785A2
#AD8B73
#CEAB93
#E3CAA5
#FFFBE9
#F38181
#FCE38A
#EAFFD0
#95E1D3
#B7C4CF
#EEE3CB
#D7C0AE
#967E76
#FFEDDB
#EDCDBB
#E3B7A0
#BF9270
#8D7B68
#A4907C
#C8B6A6
#F1DEC9