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

🌑

darker

· Reduced lightness, increased saturation

🌫️

muted

· Desaturated for a calm, muted look

vibrant

· Boosted saturation for maximum impact