Magenta#FF00FF
Cyan#00FFFF
Deep Pink#FF0099
Medium Spring Green#00FF9C
Eerie Black#1A1A2E
Color Palette
#FF00FF · #00FFFF · #FF0099 · #00FF9C · #1A1A2E
complementary0 likes
Share
Export for Developers
:root {
--color-1: #FF00FF;
--color-1-rgb: 255, 0, 255;
--color-1-hsl: 300, 100%, 50%;
--color-2: #00FFFF;
--color-2-rgb: 0, 255, 255;
--color-2-hsl: 180, 100%, 50%;
--color-3: #FF0099;
--color-3-rgb: 255, 0, 153;
--color-3-hsl: 324, 100%, 50%;
--color-4: #00FF9C;
--color-4-rgb: 0, 255, 156;
--color-4-hsl: 157, 100%, 50%;
--color-5: #1A1A2E;
--color-5-rgb: 26, 26, 46;
--color-5-hsl: 240, 28%, 14%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#FF00FF
On White
3.14:1Fail
On Black
6.7:1AA
Aa
Aa
#00FFFF
On White
1.25:1Fail
On Black
16.75:1AAA
Aa
Aa
#FF0099
On White
3.68:1Fail
On Black
5.71:1AA
Aa
Aa
#00FF9C
On White
1.33:1Fail
On Black
15.78:1AAA
Aa
Aa
#1A1A2E
On White
17.06:1AAA
On Black
1.23:1Fail
Aa
Aa
Contrast ratios calculated per WCAG 2.1. AA requires ≥4.5:1, AAA requires ≥7:1 for normal text.
Palette Variations
Palette Variations
Original
☀️
lighter
· Increased lightness, reduced saturation
#F76EF7
#6EF7F7
#F76EC0
#6EF7C3
#474766
🌑
darker
· Reduced lightness, increased saturation
#990099
#009999
#99005C
#00995E
#090911
🌫️
muted
· Desaturated for a calm, muted look
#D926D9
#26D9D9
#D92691
#26D994
#242424
⚡
vibrant
· Boosted saturation for maximum impact
#FF00FF
#00FFFF
#FF0099
#00FF9D
#2B2BA1