#3B515B Color (Hex and RGB)
#3B515B
#3b515b has RGB values (59, 81, 91). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #3B515B | R3BG51B5B | |
| RGB | rgb(59 81 91) | R59G81B91 | |
| HSL | hsl(199 21% 29%) | H199°S21%L29% | |
| OKLCH | oklch(42% 0.03 228) | L0.42C0.03H228° | |
| HSV | hsv(199, 35%, 36%) | H199°S35%V36% | |
| CMYK | cmyk(35%, 11%, 0%, 64%) | C35%M11%Y0%K64% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00111011 | 01010001 | 01011011 |
| Octal | 73 | 121 | 133 |
| Decimal | 59 | 81 | 91 |
| Hex | 3b | 51 | 5b |
Shades & tints
Shades mix #3B515B with black; tints mix it with white. Click any swatch to explore it.
Shades
- #3B515B0%
- #364A539%
- #31434C17%
- #2C3C4426%
- #27353C34%
- #222F3443%
- #1D282D51%
- #18212559%
- #131A1D68%
- #0E131577%
- #090C0E85%
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
#3B515B on #FFFFFF
8.35:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#3B515B on #000000
2.51:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #3B515B
8.35:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #3B515B
2.51:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #3b515b; - Background
background-color: #3b515b; - CSS variable
--color-3b515b: #3b515b; - Modern CSS
color: oklch(42% 0.03 228); - SCSS
$color-3b515b: #3b515b; - Tailwind
bg-[#3b515b] text-[#3b515b] - HTML
<div style="background-color: #3b515b"></div>