Sylph of Moonlight
#5C4BFF
Likes
166
Farben
4
CSS-Variablen
:root {
--c-vibrant-1: #5C4BFF;
--c-vibrant-2: #FDFFF2;
--c-vibrant-3: #14E1FF;
--c-vibrant-4: #FF7AD6;
}Über diese Palette
Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Milk (#FDFFF2) bis zum dunkelsten Ton Sylph of Moonlight (#5C4BFF). Sie vereint Sylph of Moonlight, Milk, Vaporwave Blue und Pout Pink in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #5C4BFF auf #FDFFF2 mit 5,32:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Milk
#FDFFF2
Vaporwave Blue
#14E1FF
Pout Pink
#FF7AD6
Kontrast & Barrierefreiheit
1 von 6 Farbpaaren erreicht die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#5C4BFF auf #FDFFF2
5,32:1
AA
Aa
#5C4BFF auf #14E1FF
3,39:1
AA (großer Text)
Aa
#5C4BFF auf #FF7AD6
2,31:1
Nicht bestanden
Aa
#FDFFF2 auf #FF7AD6
2,31:1
Nicht bestanden
Aa
#FDFFF2 auf #14E1FF
1,57:1
Nicht bestanden
Aa
#14E1FF auf #FF7AD6
1,47: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