#7E6325#7E6325
#7E6325 is a mid, moderate orange. Relative luminance 0.135; OKLCH L 51.4% C 0.086 H 85.0°. Best body text is #FFFFFF at 5.68:1 contrast (WCAG AA passes).
Color values
| HEX | #7E6325 |
|---|---|
| RGB | rgb(126, 99, 37) |
| HSL | hsl(42, 55%, 32%) |
| HSV | hsv(42, 71%, 49%) |
| CMYK | cmyk(0%, 21.4%, 70.6%, 50.6%) |
| CIE-LAB | lab(43.50, 3.78, 38.10) |
| CIE-LCH | lch(43.50, 38.29, 84.34°) |
| OKLab | oklab(51.43% 0.0075 0.086) |
| OKLCH | oklch(51.43% 0.086 85) |
| XYZ | xyz(13.4007, 13.4938, 3.6486) |
| Luminance | 0.1349 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Mud
#735C12
ΔE00 3.81
Shit
#7F5F00
ΔE00 4.11
Poop
#7F5E00
ΔE00 4.18
Poop Brown
#7A5901
ΔE00 4.69
Dirt Brown
#836539
ΔE00 4.70
Shit Brown
#7B5804
ΔE00 4.88
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#7E6325 #25407E
analogous
#7E3725 #7E6325 #6D7E25
triadic
#7E6325 #257E63 #63257E
tetradic
#7E6325 #257E37 #25407E #7E256D
square
#7E6325 #257E37 #25407E #7E256D
split-complementary
#7E6325 #256D7E #37257E
monochromatic
#1F1909 #4F3E17 #7E6325 #AD8833 #CCA751
Accessibility & contrast
On white
5.68
#7E6325 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.70
#7E6325 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #7E6325
5.68:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##7E6325 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##7E6325 | 1.00 | 5.68 | 3.70 | 5.68 |
| #FFFFFF | 5.68 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.70 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.68 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#6F631E
Deuteranopia (green-blind)
#766A28
Tritanopia (blue-blind)
#895A56
Achromatopsia (no color)
#676767
Design tokens & code
CSS
--color: #7e6325; /* rgb */ color: rgb(126, 99, 37); /* oklch */ color: oklch(51.4% 0.086 85.0);
Tailwind
colors: {
custom: {
50: '#a78f63',
500: '#7e6325',
950: '#000000',
},
}SCSS
$custom: #7e6325; $custom-light: #a78f63; $custom-dark: #000000;
JSON
{
"hex": "#7e6325",
"rgb": {
"r": 126,
"g": 99,
"b": 37
},
"hsl": {
"h": 41.798,
"s": 54.601,
"l": 31.961
},
"oklch": {
"l": 0.51433,
"c": 0.08637,
"h": 85
},
"luminance": 0.13493
}Semantic roles & 50–950 ramp
primary
#7E6325
secondary
#4F6CB0
accent
#77DE4A
background
#FAF8F6
surface
#F4F0EB
border
#CECBC6
text
#100C05
muted
#7F7D7A