#464547 Color (Hex and RGB)
#464547
#464547 has RGB values (70, 69, 71). The color reads primarily as gray in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #464547 | R46G45B47 | |
| RGB | rgb(70 69 71) | R70G69B71 | |
| HSL | hsl(270 1% 27%) | H270°S1%L27% | |
| OKLCH | oklch(39% 0 308) | L0.39C0H308° | |
| HSV | hsv(270, 3%, 28%) | H270°S3%V28% | |
| CMYK | cmyk(1%, 3%, 0%, 72%) | C1%M3%Y0%K72% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01000110 | 01000101 | 01000111 |
| Octal | 106 | 105 | 107 |
| Decimal | 70 | 69 | 71 |
| Hex | 46 | 45 | 47 |
Shades & tints
Shades mix #464547 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #4645470%
- #403F419%
- #3A393B17%
- #34333526%
- #2E2E2F34%
- #28282943%
- #22222351%
- #1C1C1D59%
- #16161768%
- #10101177%
- #0B0A0B85%
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
#464547 on #FFFFFF
9.53:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#464547 on #000000
2.20:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #464547
9.53:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #464547
2.20:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #464547; - Background
background-color: #464547; - CSS variable
--color-464547: #464547; - Modern CSS
color: oklch(39% 0 308); - SCSS
$color-464547: #464547; - Tailwind
bg-[#464547] text-[#464547] - HTML
<div style="background-color: #464547"></div>