#3D2A22
red3% BrightnessWarm
Color Values
HEX
#3D2A22
RGB
rgb(61, 42, 34)
HSL
hsl(18°, 28%, 19%)
CMYK
cmyk(0%, 31%, 44%, 76%)
Color Harmonies
Complementary
3D2A22
22353D
Triadic
3D2A22
223D2A
2A223D
Analogous
3D2228
3D2A22
3D3822
Monochromatic
000000
3D2A22
9F6E59
Similar Colors
000000
3D3122
3D2322
7E5747
3D3822
3D2228
CSS Snippets
CSS Variables
--color-base: #3D2A22; --color-light: #825948; --color-dark: #000000;
CSS Class
.element {
color: #3D2A22;
background: #B38978;
border-color: #7E5747;
}Contrast Analysis
Sample Text — 13.52:1
The quick brown fox jumps over the lazy dog
On Black1.55:1
On White13.52:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness3%
Saturation28%
Hue18°
Temp
Warm
LRV
2%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated red color with 3% brightness, 28% saturation, and 19% lightness.