#715F45#715F45
#715F45 is a mid, muted orange. Relative luminance 0.121; OKLCH L 49.6% C 0.045 H 76.5°. Best body text is #FFFFFF at 6.13:1 contrast (WCAG AA passes).
Color values
| HEX | #715F45 |
|---|---|
| RGB | rgb(113, 95, 69) |
| HSL | hsl(35, 24%, 36%) |
| HSV | hsv(35, 39%, 44%) |
| CMYK | cmyk(0%, 15.9%, 38.9%, 55.7%) |
| CIE-LAB | lab(41.41, 3.19, 17.60) |
| CIE-LCH | lch(41.41, 17.89, 79.71°) |
| OKLab | oklab(49.62% 0.0105 0.0439) |
| OKLCH | oklch(49.62% 0.045 76.5) |
| XYZ | xyz(11.9767, 12.1253, 7.3386) |
| Luminance | 0.1212 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Greyish Brown
#7A6A4F
ΔE00 4.16
Dark Taupe
#7F684E
ΔE00 4.45
Grey Brown
#7F7053
ΔE00 6.57
Dirt Brown
#836539
ΔE00 6.73
Dull Brown
#876E4B
ΔE00 6.97
Dirt
#8A6E45
ΔE00 8.06
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#715F45 #455771
analogous
#714945 #715F45 #6D7145
triadic
#715F45 #45715F #5F4571
tetradic
#715F45 #457149 #455771 #71456D
square
#715F45 #457149 #455771 #71456D
split-complementary
#715F45 #456D71 #494571
monochromatic
#251F17 #4B3F2E #715F45 #977F5C #B19D7F
Accessibility & contrast
On white
6.13
#715F45 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.43
#715F45 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #715F45
6.13:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##715F45 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##715F45 | 1.00 | 6.13 | 3.43 | 6.13 |
| #FFFFFF | 6.13 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.43 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.13 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#665F43
Deuteranopia (green-blind)
#6B6346
Tritanopia (blue-blind)
#785A58
Achromatopsia (no color)
#626262
Design tokens & code
CSS
--color: #715f45; /* rgb */ color: rgb(113, 95, 69); /* oklch */ color: oklch(49.6% 0.045 76.5);
Tailwind
colors: {
custom: {
50: '#9b8c79',
500: '#715f45',
950: '#000000',
},
}SCSS
$custom: #715f45; $custom-light: #9b8c79; $custom-dark: #000000;
JSON
{
"hex": "#715f45",
"rgb": {
"r": 113,
"g": 95,
"b": 69
},
"hsl": {
"h": 35.455,
"s": 24.176,
"l": 35.686
},
"oklch": {
"l": 0.49617,
"c": 0.04517,
"h": 76.5
},
"luminance": 0.12125
}Semantic roles & 50–950 ramp
primary
#715F45
secondary
#75859D
accent
#8CC167
background
#F9F8F7
surface
#F2F0ED
border
#CCCBC8
text
#0E0C09
muted
#7E7D7B