#460D08#460D08
#460D08 is a dark, moderate red. Relative luminance 0.016; OKLCH L 26.3% C 0.087 H 29.4°. Best body text is #FFFFFF at 15.89:1 contrast (WCAG AA passes).
Color values
| HEX | #460D08 |
|---|---|
| RGB | rgb(70, 13, 8) |
| HSL | hsl(5, 79%, 15%) |
| HSV | hsv(5, 89%, 27%) |
| CMYK | cmyk(0%, 81.4%, 88.6%, 72.5%) |
| CIE-LAB | lab(13.28, 26.62, 17.21) |
| CIE-LCH | lch(13.28, 31.70, 32.88°) |
| OKLab | oklab(26.26% 0.076 0.0428) |
| OKLCH | oklch(26.26% 0.087 29.4) |
| XYZ | xyz(2.7139, 1.6079, 0.3971) |
| Luminance | 0.0161 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Deep Brown
#410200
ΔE00 2.53
Mahogany
#4A0100
ΔE00 2.57
Dried Blood
#4B0101
ΔE00 2.68
Dark Maroon
#3C0008
ΔE00 5.67
Rosewood
#65000B
ΔE00 7.05
Chocolate Brown
#411900
ΔE00 7.50
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#460D08 #084146
analogous
#460822 #460D08 #462C08
triadic
#460D08 #08460D #0D0846
tetradic
#460D08 #224608 #084146 #2C0846
square
#460D08 #224608 #084146 #2C0846
split-complementary
#460D08 #08462C #082246
monochromatic
#1B0503 #1B0503 #460D08 #7D170E #B42115
Accessibility & contrast
On white
15.89
#460D08 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.32
#460D08 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #460D08
15.89:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##460D08 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##460D08 | 1.00 | 15.89 | 1.32 | 15.89 |
| #FFFFFF | 15.89 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.32 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.89 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#1E1A07
Deuteranopia (green-blind)
#2C2706
Tritanopia (blue-blind)
#4E000C
Achromatopsia (no color)
#222222
Design tokens & code
CSS
--color: #460d08; /* rgb */ color: rgb(70, 13, 8); /* oklch */ color: oklch(26.3% 0.087 29.4);
Tailwind
colors: {
custom: {
50: '#7f514a',
500: '#460d08',
950: '#000000',
},
}SCSS
$custom: #460d08; $custom-light: #7f514a; $custom-dark: #000000;
JSON
{
"hex": "#460d08",
"rgb": {
"r": 70,
"g": 13,
"b": 8
},
"hsl": {
"h": 4.839,
"s": 79.487,
"l": 15.294
},
"oklch": {
"l": 0.26262,
"c": 0.08716,
"h": 29.4
},
"luminance": 0.01607
}Semantic roles & 50–950 ramp
primary
#460D08
secondary
#267D84
accent
#E6F632
background
#F8F4F4
surface
#EFE7E7
border
#CAC3C3
text
#0B0201
muted
#7C7877