#3D464D Color (Hex and RGB)
#3D464D
#3d464d has RGB values (61, 70, 77). The color reads primarily as gray in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #3D464D | R3DG46B4D | |
| RGB | rgb(61 70 77) | R61G70B77 | |
| HSL | hsl(206 12% 27%) | H206°S12%L27% | |
| OKLCH | oklch(39% 0.02 241) | L0.39C0.02H241° | |
| HSV | hsv(206, 21%, 30%) | H206°S21%V30% | |
| CMYK | cmyk(21%, 9%, 0%, 70%) | C21%M9%Y0%K70% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00111101 | 01000110 | 01001101 |
| Octal | 75 | 106 | 115 |
| Decimal | 61 | 70 | 77 |
| Hex | 3d | 46 | 4d |
Shades & tints
Shades mix #3D464D with black; tints mix it with white. Click any swatch to explore it.
Shades
- #3D464D0%
- #3840469%
- #333A4017%
- #2D343926%
- #282E3334%
- #23282C43%
- #1E222651%
- #191C1F59%
- #14161968%
- #0E101277%
- #090B0C85%
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
#3D464D on #FFFFFF
9.63:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#3D464D on #000000
2.18:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #3D464D
9.63:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #3D464D
2.18:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #3d464d; - Background
background-color: #3d464d; - CSS variable
--color-3d464d: #3d464d; - Modern CSS
color: oklch(39% 0.02 241); - SCSS
$color-3d464d: #3d464d; - Tailwind
bg-[#3d464d] text-[#3d464d] - HTML
<div style="background-color: #3d464d"></div>