Magenta#FF00C8
Medium Spring Green#00FFC8
Gold#FFD400
Deep Sky Blue#00BFFF
Eerie Black#0D0221

Color Palette

#FF00C8 · #00FFC8 · #FFD400 · #00BFFF · #0D0221

complementary0 likes
Share

Export for Developers

:root {
  --color-1: #FF00C8;
  --color-1-rgb: 255, 0, 200;
  --color-1-hsl: 313, 100%, 50%;
  --color-2: #00FFC8;
  --color-2-rgb: 0, 255, 200;
  --color-2-hsl: 167, 100%, 50%;
  --color-3: #FFD400;
  --color-3-rgb: 255, 212, 0;
  --color-3-hsl: 50, 100%, 50%;
  --color-4: #00BFFF;
  --color-4-rgb: 0, 191, 255;
  --color-4-hsl: 195, 100%, 50%;
  --color-5: #0D0221;
  --color-5-rgb: 13, 2, 33;
  --color-5-hsl: 261, 89%, 7%;
}

Real World Preview

Get Started

Accessibility

WCAG Accessibility Report

Excellent
#FF00C8
On White
3.45:1Fail
On Black
6.09:1AA
Aa
Aa
#00FFC8
On White
1.3:1Fail
On Black
16.14:1AAA
Aa
Aa
#FFD400
On White
1.43:1Fail
On Black
14.67:1AAA
Aa
Aa
#00BFFF
On White
2.12:1Fail
On Black
9.9:1AAA
Aa
Aa
#0D0221
On White
20.04:1AAA
On Black
1.05: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

🌑

darker

· Reduced lightness, increased saturation

🌫️

muted

· Desaturated for a calm, muted look

vibrant

· Boosted saturation for maximum impact