#441313#441313
#441313 is a dark, moderate red. Relative luminance 0.017; OKLCH L 26.8% C 0.076 H 23.7°. Best body text is #FFFFFF at 15.57:1 contrast (WCAG AA passes).
Color values
| HEX | #441313 |
|---|---|
| RGB | rgb(68, 19, 19) |
| HSL | hsl(0, 56%, 17%) |
| HSV | hsv(0, 72%, 27%) |
| CMYK | cmyk(0%, 72.1%, 72.1%, 73.3%) |
| CIE-LAB | lab(14.07, 23.59, 12.70) |
| CIE-LCH | lch(14.07, 26.80, 28.29°) |
| OKLab | oklab(26.83% 0.0694 0.0305) |
| OKLCH | oklch(26.83% 0.076 23.7) |
| XYZ | xyz(2.7346, 1.7421, 0.8082) |
| Luminance | 0.0174 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Deep Brown
#410200
ΔE00 3.72
Mahogany
#4A0100
ΔE00 4.77
Dark Maroon
#3C0008
ΔE00 4.81
Dried Blood
#4B0101
ΔE00 4.82
Chocolate Brown
#411900
ΔE00 8.50
Claret
#680018
ΔE00 8.60
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#441313 #134444
analogous
#44132C #441313 #442C13
triadic
#441313 #134413 #131344
tetradic
#441313 #2C4413 #134444 #2C1344
square
#441313 #2C4413 #134444 #2C1344
split-complementary
#441313 #13442C #132C44
monochromatic
#180707 #180707 #441313 #742020 #A42E2E
Accessibility & contrast
On white
15.57
#441313 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.35
#441313 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #441313
15.57:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##441313 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##441313 | 1.00 | 15.57 | 1.35 | 15.57 |
| #FFFFFF | 15.57 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.35 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.57 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#201D13
Deuteranopia (green-blind)
#2C2812
Tritanopia (blue-blind)
#4B0814
Achromatopsia (no color)
#242424
Design tokens & code
CSS
--color: #441313; /* rgb */ color: rgb(68, 19, 19); /* oklch */ color: oklch(26.8% 0.076 23.7);
Tailwind
colors: {
custom: {
50: '#7c5450',
500: '#441313',
950: '#000000',
},
}SCSS
$custom: #441313; $custom-light: #7c5450; $custom-dark: #000000;
JSON
{
"hex": "#441313",
"rgb": {
"r": 68,
"g": 19,
"b": 19
},
"hsl": {
"h": 0,
"s": 56.322,
"l": 17.059
},
"oklch": {
"l": 0.26831,
"c": 0.07583,
"h": 23.7
},
"luminance": 0.01742
}Semantic roles & 50–950 ramp
primary
#441313
secondary
#367D7D
accent
#E0E048
background
#F7F4F4
surface
#EEE7E7
border
#C9C3C3
text
#0A0302
muted
#7C7878