#702512#702512
#702512 is a dark, moderate red. Relative luminance 0.048; OKLCH L 37.6% C 0.110 H 35.1°. Best body text is #FFFFFF at 10.70:1 contrast (WCAG AA passes).
Color values
| HEX | #702512 |
|---|---|
| RGB | rgb(112, 37, 18) |
| HSL | hsl(12, 72%, 25%) |
| HSV | hsv(12, 84%, 44%) |
| CMYK | cmyk(0%, 67%, 83.9%, 56.1%) |
| CIE-LAB | lab(26.19, 32.15, 29.40) |
| CIE-LCH | lch(26.19, 43.56, 42.45°) |
| OKLab | oklab(37.6% 0.0903 0.0636) |
| OKLCH | oklch(37.6% 0.11 35.1) |
| XYZ | xyz(7.4537, 4.8126, 1.1086) |
| Luminance | 0.0481 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Reddy Brown
#6E1005
ΔE00 3.94
Reddish Brown
#7F2B0A
ΔE00 4.69
Chestnut
#742802
ΔE00 4.70
Blood
#770001
ΔE00 5.50
Indian Red
#850E04
ΔE00 5.53
Maroon
#800000
ΔE00 5.80
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#702512 #125D70
analogous
#70122E #702512 #705412
triadic
#702512 #127025 #251270
tetradic
#702512 #2E7012 #125D70 #541270
square
#702512 #2E7012 #125D70 #541270
split-complementary
#702512 #127054 #122E70
monochromatic
#1A0904 #3B140A #702512 #A5361A #D94823
Accessibility & contrast
On white
10.70
#702512 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.96
#702512 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #702512
10.70:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##702512 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##702512 | 1.00 | 10.70 | 1.96 | 10.70 |
| #FFFFFF | 10.70 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.96 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.70 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#3A330F
Deuteranopia (green-blind)
#4D440F
Tritanopia (blue-blind)
#7C1121
Achromatopsia (no color)
#3E3E3E
Design tokens & code
CSS
--color: #702512; /* rgb */ color: rgb(112, 37, 18); /* oklch */ color: oklch(37.6% 0.110 35.1);
Tailwind
colors: {
custom: {
50: '#a06351',
500: '#702512',
950: '#000000',
},
}SCSS
$custom: #702512; $custom-light: #a06351; $custom-dark: #000000;
JSON
{
"hex": "#702512",
"rgb": {
"r": 112,
"g": 37,
"b": 18
},
"hsl": {
"h": 12.128,
"s": 72.308,
"l": 25.49
},
"oklch": {
"l": 0.37595,
"c": 0.11048,
"h": 35.1
},
"luminance": 0.04812
}Semantic roles & 50–950 ramp
primary
#702512
secondary
#3790A7
accent
#CAEF39
background
#FAF6F4
surface
#F4EBE7
border
#CEC6C3
text
#100502
muted
#7F7A78