Eerie Black#1B0033
Indigo#3B0764
Indigo#5A189A
Amethyst#9B72CF
Periwinkle#DBC9F0
Color Palette
#1B0033 · #3B0764 · #5A189A · #9B72CF · #DBC9F0
monochromatic0 likes
Share
Export for Developers
:root {
--color-1: #1B0033;
--color-1-rgb: 27, 0, 51;
--color-1-hsl: 272, 100%, 10%;
--color-2: #3B0764;
--color-2-rgb: 59, 7, 100;
--color-2-hsl: 274, 87%, 21%;
--color-3: #5A189A;
--color-3-rgb: 90, 24, 154;
--color-3-hsl: 270, 73%, 35%;
--color-4: #9B72CF;
--color-4-rgb: 155, 114, 207;
--color-4-hsl: 266, 49%, 63%;
--color-5: #DBC9F0;
--color-5-rgb: 219, 201, 240;
--color-5-hsl: 268, 57%, 86%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#1B0033
On White
19.19:1AAA
On Black
1.09:1Fail
Aa
Aa
#3B0764
On White
15:1AAA
On Black
1.4:1Fail
Aa
Aa
#5A189A
On White
10.33:1AAA
On Black
2.03:1Fail
Aa
Aa
#9B72CF
On White
3.68:1Fail
On Black
5.7:1AA
Aa
Aa
#DBC9F0
On White
1.54:1Fail
On Black
13.62:1AAA
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
#510891
#7318B9
#8C44D5
#D1C3E5
#F2ECF8
🌑
darker
· Reduced lightness, increased saturation
#0E0019
#0E0118
#260844
#6632A9
#A573DE
🌫️
muted
· Desaturated for a calm, muted look
#1B082B
#3A1754
#593380
#9E8FB3
#DBD2E5
⚡
vibrant
· Boosted saturation for maximum impact
#6D00CC
#7400CC
#6600CC
#8E48EA
#9340F2