Futon
#E9F7D9
Likes
23
Farben
5
CSS-Variablen
:root {
--c-muted-1: #E9F7D9;
--c-muted-2: #B1E2D4;
--c-muted-3: #9EBDBB;
--c-muted-4: #8D9496;
--c-muted-5: #6B737B;
}Über diese Palette
Diese gedeckte Palette mit 5 Farben reicht vom hellsten Ton Futon (#E9F7D9) bis zum dunkelsten Ton Silver Hill (#6B737B). Sie vereint Futon, Bay, Nursery Wall, Boulder Creek und Silver Hill 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
Bay
#B1E2D4
Nursery Wall
#9EBDBB
Boulder Creek
#8D9496
Silver Hill
#6B737B
Kontrast & Barrierefreiheit
0 von 10 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#E9F7D9 auf #6B737B
4,30:1
AA (großer Text)
Aa
#B1E2D4 auf #6B737B
3,37:1
AA (großer Text)
Aa
#E9F7D9 auf #8D9496
2,76:1
Nicht bestanden
Aa
#9EBDBB auf #6B737B
2,39:1
Nicht bestanden
Aa
#B1E2D4 auf #8D9496
2,16:1
Nicht bestanden
Aa
#E9F7D9 auf #9EBDBB
1,80:1
Nicht bestanden
Aa
#8D9496 auf #6B737B
1,56:1
Nicht bestanden
Aa
#9EBDBB auf #8D9496
1,53:1
Nicht bestanden
Aa
#B1E2D4 auf #9EBDBB
1,41:1
Nicht bestanden
Aa
#E9F7D9 auf #B1E2D4
1,28:1
Nicht bestanden
Ähnliche Paletten
#E3FDFD
#CBF1F5
#A6E3E9
#71C9CE
#F4EEFF
#DCD6F7
#A6B1E1
#424874
#B1B2FF
#AAC4FF
#D2DAFF
#EEF1FF
#6096B4
#93BFCF
#BDCDD6
#EEE9DA
#A8D8EA
#AA96DA
#FCBAD3
#FFFFD2
#DEFCF9
#CADEFC
#C3BEF0
#CCA8E9
#F7FBFC
#D6E6F2
#B9D7EA
#769FCD
#C4DFDF
#D2E9E9
#E3F4F4
#F8F6F4