#414B56 Color (Hex and RGB)
#414B56
#414b56 has RGB values (65, 75, 86). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #414B56 | R41G4BB56 | |
| RGB | rgb(65 75 86) | R65G75B86 | |
| HSL | hsl(211 14% 30%) | H211°S14%L30% | |
| OKLCH | oklch(41% 0.02 251) | L0.41C0.02H251° | |
| HSV | hsv(211, 24%, 34%) | H211°S24%V34% | |
| CMYK | cmyk(24%, 13%, 0%, 66%) | C24%M13%Y0%K66% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01000001 | 01001011 | 01010110 |
| Octal | 101 | 113 | 126 |
| Decimal | 65 | 75 | 86 |
| Hex | 41 | 4b | 56 |
Shades & tints
Shades mix #414B56 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #414B560%
- #3B454F9%
- #363E4717%
- #30384026%
- #2B323934%
- #252B3143%
- #20252A51%
- #1A1E2359%
- #15181C68%
- #0F121477%
- #0A0B0D85%
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
#414B56 on #FFFFFF
8.88:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#414B56 on #000000
2.37:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #414B56
8.88:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #414B56
2.37:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #414b56; - Background
background-color: #414b56; - CSS variable
--color-414b56: #414b56; - Modern CSS
color: oklch(41% 0.02 251); - SCSS
$color-414b56: #414b56; - Tailwind
bg-[#414b56] text-[#414b56] - HTML
<div style="background-color: #414b56"></div>