#336791 Color (Hex and RGB)
#336791
#336791 has RGB values (51, 103, 145). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #336791 | R33G67B91 | |
| RGB | rgb(51 103 145) | R51G103B145 | |
| HSL | hsl(207 48% 38%) | H207°S48%L38% | |
| OKLCH | oklch(50% 0.09 245) | L0.5C0.09H245° | |
| HSV | hsv(207, 65%, 57%) | H207°S65%V57% | |
| CMYK | cmyk(65%, 29%, 0%, 43%) | C65%M29%Y0%K43% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00110011 | 01100111 | 10010001 |
| Octal | 63 | 147 | 221 |
| Decimal | 51 | 103 | 145 |
| Hex | 33 | 67 | 91 |
Shades & tints
Shades mix #336791 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #3367910%
- #2F5E859%
- #2A557817%
- #264D6C26%
- #22446034%
- #1D3B5343%
- #19324751%
- #152A3B59%
- #10212E68%
- #0C182277%
- #080F1685%
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
#336791 on #FFFFFF
6.02:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#336791 on #000000
3.49:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #336791
6.02:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #336791
3.49:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #336791; - Background
background-color: #336791; - CSS variable
--color-336791: #336791; - Modern CSS
color: oklch(50% 0.09 245); - SCSS
$color-336791: #336791; - Tailwind
bg-[#336791] text-[#336791] - HTML
<div style="background-color: #336791"></div>