#916923#916923
#916923 is a mid, moderate orange. Relative luminance 0.162; OKLCH L 54.9% C 0.099 H 77.6°. Best body text is #FFFFFF at 4.94:1 contrast (WCAG AA passes).
Color values
| HEX | #916923 |
|---|---|
| RGB | rgb(145, 105, 35) |
| HSL | hsl(38, 61%, 35%) |
| HSV | hsv(38, 76%, 57%) |
| CMYK | cmyk(0%, 27.6%, 75.9%, 43.1%) |
| CIE-LAB | lab(47.30, 9.07, 43.61) |
| CIE-LCH | lch(47.30, 44.54, 78.25°) |
| OKLab | oklab(54.9% 0.0213 0.0965) |
| OKLCH | oklch(54.9% 0.099 77.6) |
| XYZ | xyz(17.0332, 16.2456, 3.8284) |
| Luminance | 0.1624 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Poo Brown
#885F01
ΔE00 4.39
Muddy Brown
#886806
ΔE00 4.78
Raw Sienna
#9A6200
ΔE00 4.85
Dirt Brown
#836539
ΔE00 5.93
Poop
#7F5E00
ΔE00 6.02
Shit
#7F5F00
ΔE00 6.04
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#916923 #234B91
analogous
#913223 #916923 #829123
triadic
#916923 #239169 #692391
tetradic
#916923 #239132 #234B91 #912382
square
#916923 #239132 #234B91 #912382
split-complementary
#916923 #238291 #322391
monochromatic
#2E220B #604517 #916923 #C28D2F #D7A958
Accessibility & contrast
On white
4.94
#916923 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.25
#916923 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #916923
4.94:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##916923 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##916923 | 1.00 | 4.94 | 4.25 | 4.94 |
| #FFFFFF | 4.94 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.25 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.94 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#786A19
Deuteranopia (green-blind)
#827426
Tritanopia (blue-blind)
#9E5E5B
Achromatopsia (no color)
#707070
Design tokens & code
CSS
--color: #916923; /* rgb */ color: rgb(145, 105, 35); /* oklch */ color: oklch(54.9% 0.099 77.6);
Tailwind
colors: {
custom: {
50: '#b59363',
500: '#916923',
950: '#000000',
},
}SCSS
$custom: #916923; $custom-light: #b59363; $custom-dark: #000000;
JSON
{
"hex": "#916923",
"rgb": {
"r": 145,
"g": 105,
"b": 35
},
"hsl": {
"h": 38.182,
"s": 61.111,
"l": 35.294
},
"oklch": {
"l": 0.54898,
"c": 0.09882,
"h": 77.6
},
"luminance": 0.16244
}Semantic roles & 50–950 ramp
primary
#916923
secondary
#557ABB
accent
#7EE444
background
#FBF9F6
surface
#F6F1EB
border
#D0CBC6
text
#120D05
muted
#817E7A