#482F2C#482F2C
#482F2C is a dark, muted red. Relative luminance 0.036; OKLCH L 33.4% C 0.037 H 26.8°. Best body text is #FFFFFF at 12.22:1 contrast (WCAG AA passes).
Color values
| HEX | #482F2C |
|---|---|
| RGB | rgb(72, 47, 44) |
| HSL | hsl(6, 24%, 23%) |
| HSV | hsv(6, 39%, 28%) |
| CMYK | cmyk(0%, 34.7%, 38.9%, 71.8%) |
| CIE-LAB | lab(22.28, 10.99, 6.56) |
| CIE-LCH | lch(22.28, 12.80, 30.83°) |
| OKLab | oklab(33.41% 0.0334 0.0169) |
| OKLCH | oklch(33.41% 0.037 26.8) |
| XYZ | xyz(4.1438, 3.5929, 2.8576) |
| Luminance | 0.0359 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Espresso
#4B382A
ΔE00 7.65
Purple Brown
#673A3F
ΔE00 9.09
Purplish Brown
#6B4247
ΔE00 10.02
Chocolate (survey)
#3D1C02
ΔE00 10.75
Walnut
#5C4A3D
ΔE00 10.88
Chocolate Brown
#411900
ΔE00 11.03
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#482F2C #2C4548
analogous
#482C37 #482F2C #483D2C
triadic
#482F2C #2C482F #2F2C48
tetradic
#482F2C #37482C #2C4548 #3D2C48
square
#482F2C #37482C #2C4548 #3D2C48
split-complementary
#482F2C #2C483D #2C3748
monochromatic
#130C0C #221615 #482F2C #6E4843 #94615A
Accessibility & contrast
On white
12.22
#482F2C on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.72
#482F2C on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #482F2C
12.22:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##482F2C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##482F2C | 1.00 | 12.22 | 1.72 | 12.22 |
| #FFFFFF | 12.22 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.72 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.22 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#34322C
Deuteranopia (green-blind)
#3A372C
Tritanopia (blue-blind)
#4D2C2E
Achromatopsia (no color)
#353535
Design tokens & code
CSS
--color: #482f2c; /* rgb */ color: rgb(72, 47, 44); /* oklch */ color: oklch(33.4% 0.037 26.8);
Tailwind
colors: {
custom: {
50: '#7c6765',
500: '#482f2c',
950: '#000000',
},
}SCSS
$custom: #482f2c; $custom-light: #7c6765; $custom-dark: #000000;
JSON
{
"hex": "#482f2c",
"rgb": {
"r": 72,
"g": 47,
"b": 44
},
"hsl": {
"h": 6.429,
"s": 24.138,
"l": 22.745
},
"oklch": {
"l": 0.33414,
"c": 0.03743,
"h": 26.8
},
"luminance": 0.03593
}Semantic roles & 50–950 ramp
primary
#482F2C
secondary
#567679
accent
#B7C167
background
#F7F6F6
surface
#EEEBEB
border
#C9C6C6
text
#090605
muted
#7B7A7A