#752118#752118
#752118 is a dark, moderate red. Relative luminance 0.049; OKLCH L 38.1% C 0.119 H 29.7°. Best body text is #FFFFFF at 10.57:1 contrast (WCAG AA passes).
Color values
| HEX | #752118 |
|---|---|
| RGB | rgb(117, 33, 24) |
| HSL | hsl(6, 66%, 28%) |
| HSV | hsv(6, 79%, 46%) |
| CMYK | cmyk(0%, 71.8%, 79.5%, 54.1%) |
| CIE-LAB | lab(26.55, 36.12, 26.59) |
| CIE-LCH | lch(26.55, 44.85, 36.36°) |
| OKLab | oklab(38.07% 0.1034 0.059) |
| OKLCH | oklch(38.07% 0.119 29.7) |
| XYZ | xyz(8.0458, 4.9368, 1.3932) |
| Luminance | 0.0494 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Reddy Brown
#6E1005
ΔE00 3.65
Blood
#770001
ΔE00 4.48
Maroon
#800000
ΔE00 5.05
Indian Red
#850E04
ΔE00 5.13
Dark Red
#840000
ΔE00 5.43
Crimson (survey)
#8C000F
ΔE00 5.45
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#752118 #186C75
analogous
#75183E #752118 #754F18
triadic
#752118 #187521 #211875
tetradic
#752118 #3E7518 #186C75 #4F1875
square
#752118 #3E7518 #186C75 #4F1875
split-complementary
#752118 #18754F #183E75
monochromatic
#190705 #42130E #752118 #A82F22 #D54232
Accessibility & contrast
On white
10.57
#752118 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.99
#752118 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #752118
10.57:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##752118 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##752118 | 1.00 | 10.57 | 1.99 | 10.57 |
| #FFFFFF | 10.57 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.99 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.57 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#393316
Deuteranopia (green-blind)
#4E4615
Tritanopia (blue-blind)
#810520
Achromatopsia (no color)
#3F3F3F
Design tokens & code
CSS
--color: #752118; /* rgb */ color: rgb(117, 33, 24); /* oklch */ color: oklch(38.1% 0.119 29.7);
Tailwind
colors: {
custom: {
50: '#a46255',
500: '#752118',
950: '#000000',
},
}SCSS
$custom: #752118; $custom-light: #a46255; $custom-dark: #000000;
JSON
{
"hex": "#752118",
"rgb": {
"r": 117,
"g": 33,
"b": 24
},
"hsl": {
"h": 5.806,
"s": 65.957,
"l": 27.647
},
"oklch": {
"l": 0.38068,
"c": 0.119,
"h": 29.7
},
"luminance": 0.04936
}Semantic roles & 50–950 ramp
primary
#752118
secondary
#3FA0AA
accent
#D8E93F
background
#FAF6F5
surface
#F4EBE9
border
#CEC6C5
text
#100503
muted
#7F7A78