Moegi Green
#F49271
Likes
17
Farben
5
CSS-Variablen
:root {
--c-muted-1: #F49271;
--c-muted-2: #AFB2A3;
--c-muted-3: #89966E;
--c-muted-4: #587D3F;
--c-muted-5: #2A4F1C;
}Über diese Palette
Diese gedeckte Palette mit 5 Farben reicht vom hellsten Ton Pebble Walk (#AFB2A3) bis zum dunkelsten Ton Chestnut Green (#2A4F1C). Sie vereint Moegi Green, Pebble Walk, Cider Pear Green, Hot Pepper Green und Chestnut Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 10 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
Pebble Walk
#AFB2A3
Cider Pear Green
#89966E
Hot Pepper Green
#587D3F
Chestnut Green
#2A4F1C
Kontrast & Barrierefreiheit
0 von 10 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#AFB2A3 auf #2A4F1C
4,35:1
AA (großer Text)
Aa
#F49271 auf #2A4F1C
4,12:1
AA (großer Text)
Aa
#89966E auf #2A4F1C
2,98:1
Nicht bestanden
Aa
#AFB2A3 auf #587D3F
2,20:1
Nicht bestanden
Aa
#F49271 auf #587D3F
2,08:1
Nicht bestanden
Aa
#587D3F auf #2A4F1C
1,98:1
Nicht bestanden
Aa
#89966E auf #587D3F
1,50:1
Nicht bestanden
Aa
#AFB2A3 auf #89966E
1,46:1
Nicht bestanden
Aa
#F49271 auf #89966E
1,38:1
Nicht bestanden
Aa
#F49271 auf #AFB2A3
1,06:1
Nicht bestanden
Ähnliche Paletten
#F9ED69
#F08A5D
#B83B5E
#6A2C70
#7D5A50
#B4846C
#E5B299
#FCDEC0
#FFF8EA
#9E7676
#815B5B
#594545
#2C3639
#3F4E4F
#A27B5C
#DCD7C9
#F67280
#C06C84
#6C5B7B
#355C7D
#2B2E4A
#E84545
#903749
#53354A
#E5D9B6
#A4BE7B
#5F8D4E
#285430
#A9907E
#F3DEBA
#ABC4AA
#675D50