Cyber Lavender
#E9E7F8
Likes
24
Farben
5
CSS-Variablen
:root {
--c-muted-1: #E9E7F8;
--c-muted-2: #C7BCE7;
--c-muted-3: #B799E1;
--c-muted-4: #AE72C5;
--c-muted-5: #90519A;
}Über diese Palette
Diese gedeckte Palette mit 5 Farben reicht vom hellsten Ton Cyber Lavender (#E9E7F8) bis zum dunkelsten Ton Vicious Violet (#90519A). Sie vereint Cyber Lavender, Violet Gems, Dreamy Candy Forest, Lavendless und Vicious Violet in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 10. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E9E7F8 auf #90519A mit 4,5:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Violet Gems
#C7BCE7
Dreamy Candy Forest
#B799E1
Lavendless
#AE72C5
Vicious Violet
#90519A
Kontrast & Barrierefreiheit
1 von 10 Farbpaaren erreicht die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#E9E7F8 auf #90519A
4,50:1
AA
Aa
#C7BCE7 auf #90519A
3,08:1
AA (großer Text)
Aa
#E9E7F8 auf #AE72C5
2,87:1
Nicht bestanden
Aa
#B799E1 auf #90519A
2,26:1
Nicht bestanden
Aa
#E9E7F8 auf #B799E1
1,99:1
Nicht bestanden
Aa
#C7BCE7 auf #AE72C5
1,96:1
Nicht bestanden
Aa
#AE72C5 auf #90519A
1,57:1
Nicht bestanden
Aa
#E9E7F8 auf #C7BCE7
1,46:1
Nicht bestanden
Aa
#B799E1 auf #AE72C5
1,44:1
Nicht bestanden
Aa
#C7BCE7 auf #B799E1
1,36: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