#95752B#95752B
#95752B is a mid, moderate orange. Relative luminance 0.193; OKLCH L 57.9% C 0.099 H 85.0°. Best body text is #000000 at 4.86:1 contrast (WCAG AA passes).
Color values
| HEX | #95752B |
|---|---|
| RGB | rgb(149, 117, 43) |
| HSL | hsl(42, 55%, 38%) |
| HSV | hsv(42, 71%, 58%) |
| CMYK | cmyk(0%, 21.5%, 71.1%, 41.6%) |
| CIE-LAB | lab(51.02, 4.45, 43.95) |
| CIE-LCH | lch(51.02, 44.17, 84.22°) |
| OKLab | oklab(57.94% 0.0087 0.0987) |
| OKLCH | oklch(57.94% 0.099 85) |
| XYZ | xyz(19.1929, 19.2878, 4.9971) |
| Luminance | 0.1929 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Hazel
#8E7618
ΔE00 4.11
Puke Brown
#947706
ΔE00 4.41
Poo
#8F7303
ΔE00 4.47
Yellowish Brown
#9B7A01
ΔE00 4.97
Muddy Brown
#886806
ΔE00 5.67
Bronze (survey)
#A87900
ΔE00 6.14
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#95752B #2B4B95
analogous
#95402B #95752B #80952B
triadic
#95752B #2B9575 #752B95
tetradic
#95752B #2B9540 #2B4B95 #952B80
square
#95752B #2B9540 #2B4B95 #952B80
split-complementary
#95752B #2B8095 #402B95
monochromatic
#362A10 #66501D #95752B #C49A39 #D3B367
Accessibility & contrast
On white
4.32
#95752B on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.86
#95752B on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #95752B
4.86:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##95752B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##95752B | 1.00 | 4.32 | 4.86 | 4.86 |
| #FFFFFF | 4.32 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.86 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.86 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#837522
Deuteranopia (green-blind)
#8B7D2E
Tritanopia (blue-blind)
#A26B66
Achromatopsia (no color)
#797979
Design tokens & code
CSS
--color: #95752b; /* rgb */ color: rgb(149, 117, 43); /* oklch */ color: oklch(57.9% 0.099 85.0);
Tailwind
colors: {
custom: {
50: '#b89c68',
500: '#95752b',
950: '#000000',
},
}SCSS
$custom: #95752b; $custom-light: #b89c68; $custom-dark: #000000;
JSON
{
"hex": "#95752b",
"rgb": {
"r": 149,
"g": 117,
"b": 43
},
"hsl": {
"h": 41.887,
"s": 55.208,
"l": 37.647
},
"oklch": {
"l": 0.57944,
"c": 0.09906,
"h": 85
},
"luminance": 0.19287
}Semantic roles & 50–950 ramp
primary
#95752B
secondary
#627DBA
accent
#76DF49
background
#FBF9F6
surface
#F6F2EB
border
#D0CCC6
text
#120E06
muted
#817E7A