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
#B80A27
#ED0C36
#F4345D
#F1BCC5
#FBEAED
🌑
darker
· Reduced lightness, increased saturation
#190004
#2E0008
#5C0014
#CA1634
#EF6780
🌫️
muted
· Desaturated for a calm, muted look
#4E0E18
#7E1629
#A51D3A
#CD7A88
#EDCFD4
⚡
vibrant
· Boosted saturation for maximum impact
#CC0022
#CC0025
#CC002C
#FF3355
#FF3358