Burgundy#5C0010
Ruby#96001B
Firebrick#C0002A
Blush#E85D75
Pink#F7C5CE

Color Palette

#5C0010 · #96001B · #C0002A · #E85D75 · #F7C5CE

monochromatic0 likes
Share

Export for Developers

:root {
  --color-1: #5C0010;
  --color-1-rgb: 92, 0, 16;
  --color-1-hsl: 350, 100%, 18%;
  --color-2: #96001B;
  --color-2-rgb: 150, 0, 27;
  --color-2-hsl: 349, 100%, 29%;
  --color-3: #C0002A;
  --color-3-rgb: 192, 0, 42;
  --color-3-hsl: 347, 100%, 38%;
  --color-4: #E85D75;
  --color-4-rgb: 232, 93, 117;
  --color-4-hsl: 350, 75%, 64%;
  --color-5: #F7C5CE;
  --color-5-rgb: 247, 197, 206;
  --color-5-hsl: 349, 76%, 87%;
}

Real World Preview

Get Started

Accessibility

WCAG Accessibility Report

Excellent
#5C0010
On White
14.36:1AAA
On Black
1.46:1Fail
Aa
Aa
#96001B
On White
9.08:1AAA
On Black
2.31:1Fail
Aa
Aa
#C0002A
On White
6.41:1AA
On Black
3.27:1Fail
Aa
Aa
#E85D75
On White
3.36:1Fail
On Black
6.25:1AA
Aa
Aa
#F7C5CE
On White
1.52:1Fail
On Black
13.83: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