#410B09#410B09
#410B09 is a very dark, moderate red. Relative luminance 0.014; OKLCH L 25.0% C 0.083 H 27.2°. Best body text is #FFFFFF at 16.45:1 contrast (WCAG AA passes).
Color values
| HEX | #410B09 |
|---|---|
| RGB | rgb(65, 11, 9) |
| HSL | hsl(2, 76%, 15%) |
| HSV | hsv(2, 86%, 25%) |
| CMYK | cmyk(0%, 83.1%, 86.2%, 74.5%) |
| CIE-LAB | lab(11.85, 25.62, 14.68) |
| CIE-LCH | lch(11.85, 29.53, 29.81°) |
| OKLab | oklab(24.99% 0.0738 0.038) |
| OKLCH | oklch(24.99% 0.083 27.2) |
| XYZ | xyz(2.3492, 1.3832, 0.4017) |
| Luminance | 0.0138 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Deep Brown
#410200
ΔE00 1.89
Mahogany
#4A0100
ΔE00 3.38
Dried Blood
#4B0101
ΔE00 3.50
Dark Maroon
#3C0008
ΔE00 4.11
Rosewood
#65000B
ΔE00 8.31
Chocolate Brown
#411900
ΔE00 8.45
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#410B09 #093F41
analogous
#410923 #410B09 #412709
triadic
#410B09 #09410B #0B0941
tetradic
#410B09 #234109 #093F41 #270941
square
#410B09 #234109 #093F41 #270941
split-complementary
#410B09 #094127 #092341
monochromatic
#1B0504 #1B0504 #410B09 #771410 #AD1D18
Accessibility & contrast
On white
16.45
#410B09 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.28
#410B09 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #410B09
16.45:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##410B09 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##410B09 | 1.00 | 16.45 | 1.28 | 16.45 |
| #FFFFFF | 16.45 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.28 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.45 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#1B1808
Deuteranopia (green-blind)
#282307
Tritanopia (blue-blind)
#48000B
Achromatopsia (no color)
#1F1F1F
Design tokens & code
CSS
--color: #410b09; /* rgb */ color: rgb(65, 11, 9); /* oklch */ color: oklch(25.0% 0.083 27.2);
Tailwind
colors: {
custom: {
50: '#7b4f4a',
500: '#410b09',
950: '#000000',
},
}SCSS
$custom: #410b09; $custom-light: #7b4f4a; $custom-dark: #000000;
JSON
{
"hex": "#410b09",
"rgb": {
"r": 65,
"g": 11,
"b": 9
},
"hsl": {
"h": 2.143,
"s": 75.676,
"l": 14.51
},
"oklch": {
"l": 0.24991,
"c": 0.08297,
"h": 27.2
},
"luminance": 0.01383
}Semantic roles & 50–950 ramp
primary
#410B09
secondary
#277C7F
accent
#ECF236
background
#F7F4F4
surface
#EEE7E7
border
#C9C3C3
text
#0A0201
muted
#7C7877