Burgundy#6B0036
Crimson#AA0055
Crimson#E0115F
Hot Pink#FF7BAC
Pastel Pink#FFD6E7
Color Palette
#6B0036 · #AA0055 · #E0115F · #FF7BAC · #FFD6E7
monochromatic0 likes
Share
Export for Developers
:root {
--color-1: #6B0036;
--color-1-rgb: 107, 0, 54;
--color-1-hsl: 330, 100%, 21%;
--color-2: #AA0055;
--color-2-rgb: 170, 0, 85;
--color-2-hsl: 330, 100%, 33%;
--color-3: #E0115F;
--color-3-rgb: 224, 17, 95;
--color-3-hsl: 337, 86%, 47%;
--color-4: #FF7BAC;
--color-4-rgb: 255, 123, 172;
--color-4-hsl: 338, 100%, 74%;
--color-5: #FFD6E7;
--color-5-rgb: 255, 214, 231;
--color-5-hsl: 335, 100%, 92%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#6B0036
On White
12.51:1AAA
On Black
1.68:1Fail
Aa
Aa
#AA0055
On White
7.39:1AAA
On Black
2.84:1Fail
Aa
Aa
#E0115F
On White
4.76:1AA
On Black
4.41:1Fail
Aa
Aa
#FF7BAC
On White
2.42:1Fail
On Black
8.68:1AAA
Aa
Aa
#FFD6E7
On White
1.31:1Fail
On Black
16.02: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
#C70A69
#F31B87
#EB6B9C
#FDE2EC
#FEE7F0
🌑
darker
· Reduced lightness, increased saturation
#19000D
#420021
#840636
#FF146A
#FF70AC
🌫️
muted
· Desaturated for a calm, muted look
#5B1036
#8F1954
#BB3568
#EB8EB0
#F9DCE8
⚡
vibrant
· Boosted saturation for maximum impact
#CC0066
#CC0066
#F0005C
#FF337E
#FF3388