Ruby#A4161A
Firebrick#BA181B
Crimson#E5383B
Burgundy#660708
Eerie Black#161A1D
Color Palette
#A4161A · #BA181B · #E5383B · #660708 · #161A1D
monochromatic0 likes
Share
Export for Developers
:root {
--color-1: #A4161A;
--color-1-rgb: 164, 22, 26;
--color-1-hsl: 358, 76%, 36%;
--color-2: #BA181B;
--color-2-rgb: 186, 24, 27;
--color-2-hsl: 359, 77%, 41%;
--color-3: #E5383B;
--color-3-rgb: 229, 56, 59;
--color-3-hsl: 359, 77%, 56%;
--color-4: #660708;
--color-4-rgb: 102, 7, 8;
--color-4-hsl: 359, 87%, 21%;
--color-5: #161A1D;
--color-5-rgb: 22, 26, 29;
--color-5-hsl: 206, 14%, 10%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#A4161A
On White
7.75:1AAA
On Black
2.71:1Fail
Aa
Aa
#BA181B
On White
6.49:1AA
On Black
3.23:1Fail
Aa
Aa
#E5383B
On White
4.23:1Fail
On Black
4.96:1AA
Aa
Aa
#660708
On White
13.13:1AAA
On Black
1.6:1Fail
Aa
Aa
#161A1D
On White
17.51:1AAA
On Black
1.2: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
#D9454A
#DE595B
#EB999A
#B9181B
#494D50
🌑
darker
· Reduced lightness, increased saturation
#4A080A
#610A0B
#A71113
#180101
#0A0D0F
🌫️
muted
· Desaturated for a calm, muted look
#863234
#9A3739
#C45A5C
#541718
#1A1A1A
⚡
vibrant
· Boosted saturation for maximum impact
#CC0007
#D10003
#FF1F22
#CC0003
#396C93