#461A13#461A13
#461A13 is a dark, moderate red. Relative luminance 0.021; OKLCH L 28.3% C 0.070 H 31.0°. Best body text is #FFFFFF at 14.81:1 contrast (WCAG AA passes).
Color values
| HEX | #461A13 |
|---|---|
| RGB | rgb(70, 26, 19) |
| HSL | hsl(8, 57%, 17%) |
| HSV | hsv(8, 73%, 27%) |
| CMYK | cmyk(0%, 62.9%, 72.9%, 72.5%) |
| CIE-LAB | lab(15.94, 20.55, 15.18) |
| CIE-LCH | lch(15.94, 25.55, 36.45°) |
| OKLab | oklab(28.32% 0.0596 0.0358) |
| OKLCH | oklch(28.32% 0.07 31) |
| XYZ | xyz(3.0130, 2.0883, 0.8604) |
| Luminance | 0.0209 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Chocolate Brown
#411900
ΔE00 5.62
Deep Brown
#410200
ΔE00 5.76
Mahogany
#4A0100
ΔE00 6.02
Dried Blood
#4B0101
ΔE00 6.09
Chocolate (survey)
#3D1C02
ΔE00 7.38
Dark Maroon
#3C0008
ΔE00 7.86
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#461A13 #133F46
analogous
#461326 #461A13 #463313
triadic
#461A13 #13461A #1A1346
tetradic
#461A13 #264613 #133F46 #331346
square
#461A13 #264613 #133F46 #331346
split-complementary
#461A13 #134633 #132646
monochromatic
#180907 #180907 #461A13 #762C20 #A63E2D
Accessibility & contrast
On white
14.81
#461A13 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.42
#461A13 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #461A13
14.81:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##461A13 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##461A13 | 1.00 | 14.81 | 1.42 | 14.81 |
| #FFFFFF | 14.81 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.42 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.81 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#252212
Deuteranopia (green-blind)
#302B12
Tritanopia (blue-blind)
#4D1118
Achromatopsia (no color)
#282828
Design tokens & code
CSS
--color: #461a13; /* rgb */ color: rgb(70, 26, 19); /* oklch */ color: oklch(28.3% 0.070 31.0);
Tailwind
colors: {
custom: {
50: '#7e5850',
500: '#461a13',
950: '#000000',
},
}SCSS
$custom: #461a13; $custom-light: #7e5850; $custom-dark: #000000;
JSON
{
"hex": "#461a13",
"rgb": {
"r": 70,
"g": 26,
"b": 19
},
"hsl": {
"h": 8.235,
"s": 57.303,
"l": 17.451
},
"oklch": {
"l": 0.28319,
"c": 0.06955,
"h": 31
},
"luminance": 0.02088
}Semantic roles & 50–950 ramp
primary
#461A13
secondary
#36757F
accent
#CCE147
background
#F8F5F4
surface
#EFE9E7
border
#CAC5C3
text
#0A0302
muted
#7C7878