Eerie Black#0A2540
Royal Blue#1F6FEB
Cornflower Blue#58A6FF
Light Blue#A5D6FF
Alice Blue#F0F6FC
Color Palette
#0A2540 · #1F6FEB · #58A6FF · #A5D6FF · #F0F6FC
monochromatic0 likes
Share
Export for Developers
:root {
--color-1: #0A2540;
--color-1-rgb: 10, 37, 64;
--color-1-hsl: 210, 73%, 15%;
--color-2: #1F6FEB;
--color-2-rgb: 31, 111, 235;
--color-2-hsl: 216, 84%, 52%;
--color-3: #58A6FF;
--color-3-rgb: 88, 166, 255;
--color-3-hsl: 212, 100%, 67%;
--color-4: #A5D6FF;
--color-4-rgb: 165, 214, 255;
--color-4-hsl: 207, 100%, 82%;
--color-5: #F0F6FC;
--color-5-rgb: 240, 246, 252;
--color-5-hsl: 210, 67%, 96%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#0A2540
On White
15.54:1AAA
On Black
1.35:1Fail
Aa
Aa
#1F6FEB
On White
4.63:1AA
On Black
4.53:1AA
Aa
Aa
#58A6FF
On White
2.53:1Fail
On Black
8.31:1AAA
Aa
Aa
#A5D6FF
On White
1.54:1Fail
On Black
13.66:1AAA
Aa
Aa
#F0F6FC
On White
1.09:1Fail
On Black
19.29: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
#215991
#83ADEC
#C0DCFC
#E7F3FE
#EBF2FA
🌑
darker
· Reduced lightness, increased saturation
#030D17
#09439A
#0070F0
#3DA8FF
#96C2EE
🌫️
muted
· Desaturated for a calm, muted look
#162637
#4377C7
#70A7E6
#B1D4F1
#F1F5F9
⚡
vibrant
· Boosted saturation for maximum impact
#0066CC
#0A6CFF
#3392FF
#33A3FF
#3699FC