Midnight Blue#001F54
Midnight Blue#034078
Dark Cyan#1282A2
Bisque#F0F3BD
Linen#F6F7EB
Color Palette
#001F54 · #034078 · #1282A2 · #F0F3BD · #F6F7EB
complementary0 likes
Share
Export for Developers
:root {
--color-1: #001F54;
--color-1-rgb: 0, 31, 84;
--color-1-hsl: 218, 100%, 16%;
--color-2: #034078;
--color-2-rgb: 3, 64, 120;
--color-2-hsl: 209, 95%, 24%;
--color-3: #1282A2;
--color-3-rgb: 18, 130, 162;
--color-3-hsl: 193, 80%, 35%;
--color-4: #F0F3BD;
--color-4-rgb: 240, 243, 189;
--color-4-hsl: 63, 69%, 85%;
--color-5: #F6F7EB;
--color-5-rgb: 246, 247, 235;
--color-5-hsl: 65, 43%, 95%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#001F54
On White
15.86:1AAA
On Black
1.32:1Fail
Aa
Aa
#034078
On White
10.46:1AAA
On Black
2.01:1Fail
Aa
Aa
#1282A2
On White
4.43:1Fail
On Black
4.74:1AA
Aa
Aa
#F0F3BD
On White
1.15:1Fail
On Black
18.26:1AAA
Aa
Aa
#F6F7EB
On White
1.08:1Fail
On Black
19.42: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
#0946AE
#1173D0
#3CBADD
#F9FAEB
#F6F6EE
🌑
darker
· Reduced lightness, increased saturation
#000919
#000D19
#063947
#E1E864
#D9DEA1
🌫️
muted
· Desaturated for a calm, muted look
#0C2145
#153F65
#2D7386
#E6E8CA
#F4F4F1
⚡
vibrant
· Boosted saturation for maximum impact
#004BCC
#0069CC
#00A0CC
#F4FE34
#D7E34F