#494E58 Color (Hex and RGB)
#494E58
#494e58 has RGB values (73, 78, 88). The color reads primarily as gray in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #494E58 | R49G4EB58 | |
| RGB | rgb(73 78 88) | R73G78B88 | |
| HSL | hsl(220 9% 32%) | H220°S9%L32% | |
| OKLCH | oklch(42% 0.02 264) | L0.42C0.02H264° | |
| HSV | hsv(220, 17%, 35%) | H220°S17%V35% | |
| CMYK | cmyk(17%, 11%, 0%, 65%) | C17%M11%Y0%K65% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01001001 | 01001110 | 01011000 |
| Octal | 111 | 116 | 130 |
| Decimal | 73 | 78 | 88 |
| Hex | 49 | 4e | 58 |
Shades & tints
Shades mix #494E58 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #494E580%
- #4347519%
- #3D414917%
- #363A4226%
- #30333A34%
- #2A2D3343%
- #24262B51%
- #1E202459%
- #17191C68%
- #11121577%
- #0B0C0D85%
Tints
Color harmonies
Similar brand colors
The closest colors from our brand palettes, measured in OKLab.
Contrast & accessibility
WCAG 2.1 contrast against white and black. Test other pairs in the contrast checker.
Aa
#494E58 on #FFFFFF
8.35:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#494E58 on #000000
2.51:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #494E58
8.35:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #494E58
2.51:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #494e58; - Background
background-color: #494e58; - CSS variable
--color-494e58: #494e58; - Modern CSS
color: oklch(42% 0.02 264); - SCSS
$color-494e58: #494e58; - Tailwind
bg-[#494e58] text-[#494e58] - HTML
<div style="background-color: #494e58"></div>