Wizard White
#E1F2FE
Likes
7
Farben
5
CSS-Variablen
:root {
--c-muted-1: #E1F2FE;
--c-muted-2: #98D2EB;
--c-muted-3: #B2B1CF;
--c-muted-4: #77625C;
--c-muted-5: #49392C;
}Über diese Palette
Diese gedeckte Palette mit 5 Farben reicht vom hellsten Ton Wizard White (#E1F2FE) bis zum dunkelsten Ton Harpy Brown (#49392C). Sie vereint Wizard White, Over the Sky, Freesia Purple, Raisin in the Sun und Harpy Brown in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 10. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E1F2FE auf #49392C mit 9,62:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Over the Sky
#98D2EB
Freesia Purple
#B2B1CF
Raisin in the Sun
#77625C
Harpy Brown
#49392C
Kontrast & Barrierefreiheit
4 von 10 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#E1F2FE auf #49392C
9,62:1
AAA
Aa
#98D2EB auf #49392C
6,69:1
AA
Aa
#B2B1CF auf #49392C
5,29:1
AA
Aa
#E1F2FE auf #77625C
4,97:1
AA
Aa
#98D2EB auf #77625C
3,46:1
AA (großer Text)
Aa
#B2B1CF auf #77625C
2,74:1
Nicht bestanden
Aa
#77625C auf #49392C
1,93:1
Nicht bestanden
Aa
#E1F2FE auf #B2B1CF
1,82:1
Nicht bestanden
Aa
#E1F2FE auf #98D2EB
1,44:1
Nicht bestanden
Aa
#98D2EB auf #B2B1CF
1,26:1
Nicht bestanden
Ähnliche Paletten
#222831
#393E46
#00ADB5
#EEEEEE
#F9F7F7
#DBE2EF
#3F72AF
#112D4E
#1B262C
#0F4C75
#3282B8
#BBE1FA
#08D9D6
#252A34
#FF2E63
#EAEAEA
#27374D
#526D82
#9DB2BF
#DDE6ED
#364F6B
#3FC1C9
#F5F5F5
#FC5185
#E4F9F5
#30E3CA
#11999E
#40514E
#F0F5F9
#C9D6DF
#52616B
#1E2022