#41201D#41201D
#41201D is a dark, muted red. Relative luminance 0.022; OKLCH L 28.8% C 0.052 H 26.2°. Best body text is #FFFFFF at 14.49:1 contrast (WCAG AA passes).
Color values
| HEX | #41201D |
|---|---|
| RGB | rgb(65, 32, 29) |
| HSL | hsl(5, 38%, 18%) |
| HSV | hsv(5, 55%, 25%) |
| CMYK | cmyk(0%, 50.8%, 55.4%, 74.5%) |
| CIE-LAB | lab(16.73, 15.50, 9.11) |
| CIE-LCH | lch(16.73, 17.98, 30.44°) |
| OKLab | oklab(28.8% 0.0463 0.0228) |
| OKLCH | oklch(28.8% 0.052 26.2) |
| XYZ | xyz(2.9184, 2.2458, 1.4419) |
| Luminance | 0.0225 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Chocolate Brown
#411900
ΔE00 8.24
Deep Brown
#410200
ΔE00 8.55
Chocolate (survey)
#3D1C02
ΔE00 8.86
Dark Maroon
#3C0008
ΔE00 8.98
Mahogany
#4A0100
ΔE00 9.45
Dried Blood
#4B0101
ΔE00 9.50
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#41201D #1D3E41
analogous
#411D2C #41201D #41321D
triadic
#41201D #1D4120 #201D41
tetradic
#41201D #2C411D #1D3E41 #321D41
square
#41201D #2C411D #1D3E41 #321D41
split-complementary
#41201D #1D4132 #1D2C41
monochromatic
#150A09 #170B0A #41201D #6B3530 #964A43
Accessibility & contrast
On white
14.49
#41201D on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.45
#41201D on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #41201D
14.49:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##41201D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##41201D | 1.00 | 14.49 | 1.45 | 14.49 |
| #FFFFFF | 14.49 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.45 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.49 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#27251D
Deuteranopia (green-blind)
#302C1C
Tritanopia (blue-blind)
#471B1F
Achromatopsia (no color)
#292929
Design tokens & code
CSS
--color: #41201d; /* rgb */ color: rgb(65, 32, 29); /* oklch */ color: oklch(28.8% 0.052 26.2);
Tailwind
colors: {
custom: {
50: '#785c58',
500: '#41201d',
950: '#000000',
},
}SCSS
$custom: #41201d; $custom-light: #785c58; $custom-dark: #000000;
JSON
{
"hex": "#41201d",
"rgb": {
"r": 65,
"g": 32,
"b": 29
},
"hsl": {
"h": 5,
"s": 38.298,
"l": 18.431
},
"oklch": {
"l": 0.28804,
"c": 0.0516,
"h": 26.2
},
"luminance": 0.02246
}Semantic roles & 50–950 ramp
primary
#41201D
secondary
#447276
accent
#C5CE5A
background
#F7F5F5
surface
#EDE9E9
border
#C8C5C5
text
#090403
muted
#7B7978