#73602D#73602D
#73602D is a mid, moderate orange. Relative luminance 0.122; OKLCH L 49.6% C 0.074 H 89.1°. Best body text is #FFFFFF at 6.10:1 contrast (WCAG AA passes).
Color values
| HEX | #73602D |
|---|---|
| RGB | rgb(115, 96, 45) |
| HSL | hsl(44, 44%, 31%) |
| HSV | hsv(44, 61%, 45%) |
| CMYK | cmyk(0%, 16.5%, 60.9%, 54.9%) |
| CIE-LAB | lab(41.53, 0.93, 31.52) |
| CIE-LCH | lch(41.53, 31.53, 88.31°) |
| OKLab | oklab(49.64% 0.0011 0.0735) |
| OKLCH | oklch(49.64% 0.074 89.1) |
| XYZ | xyz(11.7273, 12.2007, 4.2194) |
| Luminance | 0.1220 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Mud
#735C12
ΔE00 4.31
Dirt Brown
#836539
ΔE00 5.68
Greenish Brown
#696112
ΔE00 6.44
Olive Brown
#645403
ΔE00 6.62
Poop Brown
#7A5901
ΔE00 6.80
Shit
#7F5F00
ΔE00 6.95
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#73602D #2D4073
analogous
#733D2D #73602D #63732D
triadic
#73602D #2D7360 #602D73
tetradic
#73602D #2D733D #2D4073 #732D63
square
#73602D #2D733D #2D4073 #732D63
split-complementary
#73602D #2D6373 #3D2D73
monochromatic
#1B170B #473B1C #73602D #9F853E #BFA45B
Accessibility & contrast
On white
6.10
#73602D on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.44
#73602D on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #73602D
6.10:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##73602D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##73602D | 1.00 | 6.10 | 3.44 | 6.10 |
| #FFFFFF | 6.10 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.44 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.10 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#6A5F28
Deuteranopia (green-blind)
#6F642F
Tritanopia (blue-blind)
#7C5954
Achromatopsia (no color)
#626262
Design tokens & code
CSS
--color: #73602d; /* rgb */ color: rgb(115, 96, 45); /* oklch */ color: oklch(49.6% 0.074 89.1);
Tailwind
colors: {
custom: {
50: '#9d8d68',
500: '#73602d',
950: '#000000',
},
}SCSS
$custom: #73602d; $custom-light: #9d8d68; $custom-dark: #000000;
JSON
{
"hex": "#73602d",
"rgb": {
"r": 115,
"g": 96,
"b": 45
},
"hsl": {
"h": 43.714,
"s": 43.75,
"l": 31.373
},
"oklch": {
"l": 0.49637,
"c": 0.07355,
"h": 89.1
},
"luminance": 0.122
}Semantic roles & 50–950 ramp
primary
#73602D
secondary
#576CA4
accent
#77D354
background
#F9F8F6
surface
#F2F0EB
border
#CCCBC6
text
#0F0C06
muted
#7E7D7A