#4A1920#4A1920
#4A1920 is a dark, moderate red. Relative luminance 0.023; OKLCH L 29.2% C 0.075 H 14.3°. Best body text is #FFFFFF at 14.47:1 contrast (WCAG AA passes).
Color values
| HEX | #4A1920 |
|---|---|
| RGB | rgb(74, 25, 32) |
| HSL | hsl(351, 49%, 19%) |
| HSV | hsv(351, 66%, 29%) |
| CMYK | cmyk(0%, 66.2%, 56.8%, 71%) |
| CIE-LAB | lab(16.78, 24.00, 7.31) |
| CIE-LCH | lch(16.78, 25.09, 16.94°) |
| OKLab | oklab(29.19% 0.0724 0.0185) |
| OKLCH | oklch(29.19% 0.075 14.3) |
| XYZ | xyz(3.4327, 2.2558, 1.6209) |
| Luminance | 0.0226 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Dark Maroon
#3C0008
ΔE00 5.85
Deep Brown
#410200
ΔE00 6.98
Burgundy (survey)
#610023
ΔE00 7.13
Maroon (survey)
#650021
ΔE00 7.53
Dried Blood
#4B0101
ΔE00 7.94
Mahogany
#4A0100
ΔE00 7.99
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#4A1920 #194A43
analogous
#4A1939 #4A1920 #4A2B19
triadic
#4A1920 #204A19 #19204A
tetradic
#4A1920 #394A19 #194A43 #2B194A
square
#4A1920 #394A19 #194A43 #2B194A
split-complementary
#4A1920 #194A2B #19394A
monochromatic
#17080A #1C0A0C #4A1920 #782834 #A53848
Accessibility & contrast
On white
14.47
#4A1920 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.45
#4A1920 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #4A1920
14.47:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##4A1920 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##4A1920 | 1.00 | 14.47 | 1.45 | 14.47 |
| #FFFFFF | 14.47 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.45 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.47 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#242320
Deuteranopia (green-blind)
#312D1F
Tritanopia (blue-blind)
#51111C
Achromatopsia (no color)
#292929
Design tokens & code
CSS
--color: #4a1920; /* rgb */ color: rgb(74, 25, 32); /* oklch */ color: oklch(29.2% 0.075 14.3);
Tailwind
colors: {
custom: {
50: '#80585b',
500: '#4a1920',
950: '#000000',
},
}SCSS
$custom: #4a1920; $custom-light: #80585b; $custom-dark: #000000;
JSON
{
"hex": "#4a1920",
"rgb": {
"r": 74,
"g": 25,
"b": 32
},
"hsl": {
"h": 351.429,
"s": 49.495,
"l": 19.412
},
"oklch": {
"l": 0.29188,
"c": 0.07469,
"h": 14.3
},
"luminance": 0.02255
}Semantic roles & 50–950 ramp
primary
#4A1920
secondary
#3E8077
accent
#D9C54F
background
#F8F5F5
surface
#EFE9E9
border
#CAC5C5
text
#0B0304
muted
#7C7879