Black#0A0A0A
Magenta#FF00FF
Dark Violet#CC00CC
Purple#660066
Eerie Black#1A001A
Color Palette
#0A0A0A · #FF00FF · #CC00CC · #660066 · #1A001A
monochromatic0 likes
Share
Export for Developers
:root {
--color-1: #0A0A0A;
--color-1-rgb: 10, 10, 10;
--color-1-hsl: 0, 0%, 4%;
--color-2: #FF00FF;
--color-2-rgb: 255, 0, 255;
--color-2-hsl: 300, 100%, 50%;
--color-3: #CC00CC;
--color-3-rgb: 204, 0, 204;
--color-3-hsl: 300, 100%, 40%;
--color-4: #660066;
--color-4-rgb: 102, 0, 102;
--color-4-hsl: 300, 100%, 20%;
--color-5: #1A001A;
--color-5-rgb: 26, 0, 26;
--color-5-hsl: 300, 100%, 5%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#0A0A0A
On White
19.8:1AAA
On Black
1.06:1Fail
Aa
Aa
#FF00FF
On White
3.14:1Fail
On Black
6.7:1AA
Aa
Aa
#CC00CC
On White
4.73:1AA
On Black
4.44:1Fail
Aa
Aa
#660066
On White
11.95:1AAA
On Black
1.76:1Fail
Aa
Aa
#1A001A
On White
19.83:1AAA
On Black
1.06: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
#3D3D3D
#F76EF7
#F53DF5
#C20AC2
#790679
🌑
darker
· Reduced lightness, increased saturation
#0D0C0C
#990099
#660066
#190019
#190019
🌫️
muted
· Desaturated for a calm, muted look
#0A0A0A
#D926D9
#AD1FAD
#570F57
#160416
⚡
vibrant
· Boosted saturation for maximum impact
#854747
#FF00FF
#CC00CC
#CC00CC
#CC00CC