#494D41#494D41
#494D41 is a dark, muted yellow-green. Relative luminance 0.071; OKLCH L 41.3% C 0.020 H 122.3°. Best body text is #FFFFFF at 8.67:1 contrast (WCAG AA passes).
Color values
| HEX | #494D41 |
|---|---|
| RGB | rgb(73, 77, 65) |
| HSL | hsl(80, 8%, 28%) |
| HSV | hsv(80, 16%, 30%) |
| CMYK | cmyk(5.2%, 0%, 15.6%, 69.8%) |
| CIE-LAB | lab(32.05, -4.16, 6.58) |
| CIE-LCH | lch(32.05, 7.78, 122.28°) |
| OKLab | oklab(41.27% -0.0107 0.017) |
| OKLCH | oklch(41.27% 0.02 122.3) |
| XYZ | xyz(6.3555, 7.1059, 6.0367) |
| Luminance | 0.0711 (WCAG relative) |
| Temperature | neutral |
| Family | yellow-green |
Closest named colors
Charcoal Grey
#3C4142
ΔE00 8.27
Charcoal (survey)
#343837
ΔE00 9.02
Dark Grey
#363737
ΔE00 9.95
Onyx
#353839
ΔE00 10.06
Darkslategray
#2F4F4F
ΔE00 11.40
Gunmetal (survey)
#536267
ΔE00 12.23
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#494D41 #45414D
analogous
#4D4B41 #494D41 #434D41
triadic
#494D41 #41494D #4D4149
tetradic
#494D41 #414D4B #45414D #4D4143
square
#494D41 #414D4B #45414D #4D4143
split-complementary
#494D41 #41434D #4B414D
monochromatic
#10110E #2A2C25 #494D41 #686E5D #888F7A
Accessibility & contrast
On white
8.67
#494D41 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.42
#494D41 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #494D41
8.67:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##494D41 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##494D41 | 1.00 | 8.67 | 2.42 | 8.67 |
| #FFFFFF | 8.67 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.42 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.67 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#4F4B40
Deuteranopia (green-blind)
#4E4B41
Tritanopia (blue-blind)
#4A4C4A
Achromatopsia (no color)
#4B4B4B
Design tokens & code
CSS
--color: #494d41; /* rgb */ color: rgb(73, 77, 65); /* oklch */ color: oklch(41.3% 0.020 122.3);
Tailwind
colors: {
custom: {
50: '#7b7e75',
500: '#494d41',
950: '#000000',
},
}SCSS
$custom: #494d41; $custom-light: #7b7e75; $custom-dark: #000000;
JSON
{
"hex": "#494d41",
"rgb": {
"r": 73,
"g": 77,
"b": 65
},
"hsl": {
"h": 80,
"s": 8.451,
"l": 27.843
},
"oklch": {
"l": 0.41269,
"c": 0.02012,
"h": 122.3
},
"luminance": 0.07106
}Semantic roles & 50–950 ramp
primary
#494D41
secondary
#736E7C
accent
#76B18A
background
#F7F7F7
surface
#EEEEED
border
#C9C9C8
text
#090A08
muted
#7B7C7B