Dark Red#8B0000
Sienna#A0522D
Peru#CD853F
Goldenrod#DAA520
Dark Goldenrod#B8860B
Color Palette
#8B0000 · #A0522D · #CD853F · #DAA520 · #B8860B
analogous0 likes
Share
Export for Developers
:root {
--color-1: #8B0000;
--color-1-rgb: 139, 0, 0;
--color-1-hsl: 0, 100%, 27%;
--color-2: #A0522D;
--color-2-rgb: 160, 82, 45;
--color-2-hsl: 19, 56%, 40%;
--color-3: #CD853F;
--color-3-rgb: 205, 133, 63;
--color-3-hsl: 30, 59%, 53%;
--color-4: #DAA520;
--color-4-rgb: 218, 165, 32;
--color-4-hsl: 43, 74%, 49%;
--color-5: #B8860B;
--color-5-rgb: 184, 134, 11;
--color-5-hsl: 43, 89%, 38%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#8B0000
On White
10.01:1AAA
On Black
2.1:1Fail
Aa
Aa
#A0522D
On White
5.62:1AA
On Black
3.74:1Fail
Aa
Aa
#CD853F
On White
2.99:1Fail
On Black
7.02:1AAA
Aa
Aa
#DAA520
On White
2.24:1Fail
On Black
9.38:1AAA
Aa
Aa
#B8860B
On White
3.25:1Fail
On Black
6.45:1AA
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
#E40C0C
#C8886A
#DCBA98
#E3C67D
#E9B93F
🌑
darker
· Reduced lightness, increased saturation
#240000
#522814
#8A541E
#846310
#594103
🌫️
muted
· Desaturated for a calm, muted look
#751515
#815C4B
#AA8764
#B49546
#9A7A28
⚡
vibrant
· Boosted saturation for maximum impact
#CC0000
#BE460E
#F2871C
#FAB300
#CC9200