Magenta#FF00C8
Medium Spring Green#00FFC8
Gold#FFD400
Deep Sky Blue#00BFFF
Eerie Black#0D0221
Color Palette
#FF00C8 · #00FFC8 · #FFD400 · #00BFFF · #0D0221
complementary0 likes
Share
Export for Developers
:root {
--color-1: #FF00C8;
--color-1-rgb: 255, 0, 200;
--color-1-hsl: 313, 100%, 50%;
--color-2: #00FFC8;
--color-2-rgb: 0, 255, 200;
--color-2-hsl: 167, 100%, 50%;
--color-3: #FFD400;
--color-3-rgb: 255, 212, 0;
--color-3-hsl: 50, 100%, 50%;
--color-4: #00BFFF;
--color-4-rgb: 0, 191, 255;
--color-4-hsl: 195, 100%, 50%;
--color-5: #0D0221;
--color-5-rgb: 13, 2, 33;
--color-5-hsl: 261, 89%, 7%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#FF00C8
On White
3.45:1Fail
On Black
6.09:1AA
Aa
Aa
#00FFC8
On White
1.3:1Fail
On Black
16.14:1AAA
Aa
Aa
#FFD400
On White
1.43:1Fail
On Black
14.67:1AAA
Aa
Aa
#00BFFF
On White
2.12:1Fail
On Black
9.9:1AAA
Aa
Aa
#0D0221
On White
20.04:1AAA
On Black
1.05: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
#F76EDA
#6EF7DA
#F7E06E
#6ED5F7
#350E7B
🌑
darker
· Reduced lightness, increased saturation
#990078
#009978
#998000
#007399
#090119
🌫️
muted
· Desaturated for a calm, muted look
#D926B2
#26D9B2
#D9BB26
#26ACD9
#0F071C
⚡
vibrant
· Boosted saturation for maximum impact
#FF00C8
#00FFC8
#FFD500
#00BFFF
#4700CC