#3B3141 Color (Hex and RGB)
#3B3141
#3b3141 has RGB values (59, 49, 65). The color reads primarily as gray in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #3B3141 | R3BG31B41 | |
| RGB | rgb(59 49 65) | R59G49B65 | |
| HSL | hsl(278 14% 22%) | H278°S14%L22% | |
| OKLCH | oklch(33% 0.03 313) | L0.33C0.03H313° | |
| HSV | hsv(278, 25%, 25%) | H278°S25%V25% | |
| CMYK | cmyk(9%, 25%, 0%, 75%) | C9%M25%Y0%K75% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00111011 | 00110001 | 01000001 |
| Octal | 73 | 61 | 101 |
| Decimal | 59 | 49 | 65 |
| Hex | 3b | 31 | 41 |
Shades & tints
Shades mix #3B3141 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #3B31410%
- #362D3B9%
- #31293617%
- #2C253026%
- #27202B34%
- #221C2543%
- #1D182051%
- #18141A59%
- #13101568%
- #0E0C0F77%
- #09070A85%
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
#3B3141 on #FFFFFF
12.34:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#3B3141 on #000000
1.70:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #3B3141
12.34:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #3B3141
1.70:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #3b3141; - Background
background-color: #3b3141; - CSS variable
--color-3b3141: #3b3141; - Modern CSS
color: oklch(33% 0.03 313); - SCSS
$color-3b3141: #3b3141; - Tailwind
bg-[#3b3141] text-[#3b3141] - HTML
<div style="background-color: #3b3141"></div>