Eerie Black#10002B
Midnight Blue#240046
Indigo#3C096C
Indigo#5A189A
Dark Orchid#7B2FBE
Color Palette
#10002B · #240046 · #3C096C · #5A189A · #7B2FBE
monochromatic0 likes
Share
Export for Developers
:root {
--color-1: #10002B;
--color-1-rgb: 16, 0, 43;
--color-1-hsl: 262, 100%, 8%;
--color-2: #240046;
--color-2-rgb: 36, 0, 70;
--color-2-hsl: 271, 100%, 14%;
--color-3: #3C096C;
--color-3-rgb: 60, 9, 108;
--color-3-hsl: 271, 85%, 23%;
--color-4: #5A189A;
--color-4-rgb: 90, 24, 154;
--color-4-hsl: 270, 73%, 35%;
--color-5: #7B2FBE;
--color-5-rgb: 123, 47, 190;
--color-5-hsl: 272, 60%, 46%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#10002B
On White
19.87:1AAA
On Black
1.06:1Fail
Aa
Aa
#240046
On White
18.05:1AAA
On Black
1.16:1Fail
Aa
Aa
#3C096C
On White
14.51:1AAA
On Black
1.45:1Fail
Aa
Aa
#5A189A
On White
10.33:1AAA
On Black
2.03:1Fail
Aa
Aa
#7B2FBE
On White
7.02:1AAA
On Black
2.99: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
#360788
#5909A5
#701BC0
#8C44D5
#AB7DD4
🌑
darker
· Reduced lightness, increased saturation
#090019
#0D0019
#0D0118
#260844
#45176D
🌫️
muted
· Desaturated for a calm, muted look
#110623
#250B3D
#3C1A5B
#593380
#785298
⚡
vibrant
· Boosted saturation for maximum impact
#4B00CC
#6900CC
#6900CC
#6600CC
#7C0CDF