#5B2A09
red4% BrightnessWarm
Color Values
HEX
#5B2A09
RGB
rgb(91, 42, 9)
HSL
hsl(24°, 82%, 20%)
CMYK
cmyk(0%, 54%, 90%, 64%)
Color Harmonies
Complementary
5B2A09
093A5B
Triadic
5B2A09
095B2A
2A095B
Analogous
5B0911
5B2A09
5B5309
Monochromatic
000000
5B2A09
E66A17
Similar Colors
000000
5B3F09
5B1509
B85512
5B5309
5B0911
CSS Snippets
CSS Variables
--color-base: #5B2A09; --color-light: #BC5713; --color-dark: #000000;
CSS Class
.element {
color: #5B2A09;
background: #EC8844;
border-color: #B85512;
}Contrast Analysis
Sample Text — 11.80:1
The quick brown fox jumps over the lazy dog
On Black1.78:1
On White11.80:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness4%
Saturation82%
Hue24°
Temp
Warm
LRV
4%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated red color with 4% brightness, 82% saturation, and 20% lightness.