#33475B Color (Hex and RGB)
#33475B
#33475b has RGB values (51, 71, 91). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #33475B | R33G47B5B | |
| RGB | rgb(51 71 91) | R51G71B91 | |
| HSL | hsl(210 28% 28%) | H210°S28%L28% | |
| OKLCH | oklch(39% 0.04 249) | L0.39C0.04H249° | |
| HSV | hsv(210, 44%, 36%) | H210°S44%V36% | |
| CMYK | cmyk(44%, 22%, 0%, 64%) | C44%M22%Y0%K64% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00110011 | 01000111 | 01011011 |
| Octal | 63 | 107 | 133 |
| Decimal | 51 | 71 | 91 |
| Hex | 33 | 47 | 5b |
Shades & tints
Shades mix #33475B with black; tints mix it with white. Click any swatch to explore it.
Shades
- #33475B0%
- #2F41539%
- #2A3B4C17%
- #26354426%
- #222F3C34%
- #1D293443%
- #19232D51%
- #151D2559%
- #10171D68%
- #0C111577%
- #080B0E85%
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
#33475B on #FFFFFF
9.58:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#33475B on #000000
2.19:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #33475B
9.58:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #33475B
2.19:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #33475b; - Background
background-color: #33475b; - CSS variable
--color-33475b: #33475b; - Modern CSS
color: oklch(39% 0.04 249); - SCSS
$color-33475b: #33475b; - Tailwind
bg-[#33475b] text-[#33475b] - HTML
<div style="background-color: #33475b"></div>