#43191F#43191F
#43191F is a dark, moderate red. Relative luminance 0.020; OKLCH L 27.9% C 0.065 H 13.5°. Best body text is #FFFFFF at 15.03:1 contrast (WCAG AA passes).
Color values
| HEX | #43191F |
|---|---|
| RGB | rgb(67, 25, 31) |
| HSL | hsl(351, 46%, 18%) |
| HSV | hsv(351, 63%, 26%) |
| CMYK | cmyk(0%, 62.7%, 53.7%, 73.7%) |
| CIE-LAB | lab(15.42, 20.97, 5.95) |
| CIE-LCH | lch(15.42, 21.80, 15.85°) |
| OKLab | oklab(27.9% 0.0634 0.0152) |
| OKLCH | oklch(27.9% 0.065 13.5) |
| XYZ | xyz(2.9099, 1.9878, 1.5265) |
| Luminance | 0.0199 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Dark Maroon
#3C0008
ΔE00 6.16
Deep Brown
#410200
ΔE00 7.56
Burgundy (survey)
#610023
ΔE00 8.75
Dried Blood
#4B0101
ΔE00 8.92
Mahogany
#4A0100
ΔE00 8.92
Maroon (survey)
#650021
ΔE00 9.28
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#43191F #19433D
analogous
#431934 #43191F #432819
triadic
#43191F #1F4319 #191F43
tetradic
#43191F #344319 #19433D #281943
square
#43191F #344319 #19433D #281943
split-complementary
#43191F #194328 #193443
monochromatic
#16080A #16080A #43191F #702A34 #9C3A48
Accessibility & contrast
On white
15.03
#43191F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.40
#43191F on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #43191F
15.03:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##43191F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##43191F | 1.00 | 15.03 | 1.40 | 15.03 |
| #FFFFFF | 15.03 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.40 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.03 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#22211F
Deuteranopia (green-blind)
#2D2A1E
Tritanopia (blue-blind)
#49131B
Achromatopsia (no color)
#272727
Design tokens & code
CSS
--color: #43191f; /* rgb */ color: rgb(67, 25, 31); /* oklch */ color: oklch(27.9% 0.065 13.5);
Tailwind
colors: {
custom: {
50: '#7a575a',
500: '#43191f',
950: '#000000',
},
}SCSS
$custom: #43191f; $custom-light: #7a575a; $custom-dark: #000000;
JSON
{
"hex": "#43191f",
"rgb": {
"r": 67,
"g": 25,
"b": 31
},
"hsl": {
"h": 351.429,
"s": 45.652,
"l": 18.039
},
"oklch": {
"l": 0.27903,
"c": 0.06518,
"h": 13.5
},
"luminance": 0.01987
}Semantic roles & 50–950 ramp
primary
#43191F
secondary
#3F7971
accent
#D5C352
background
#F7F5F5
surface
#EEE9E9
border
#C9C5C5
text
#090303
muted
#7B7878