#355966 Color (Hex and RGB)
#355966
#355966 has RGB values (53, 89, 102). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #355966 | R35G59B66 | |
| RGB | rgb(53 89 102) | R53G89B102 | |
| HSL | hsl(196 32% 30%) | H196°S32%L30% | |
| OKLCH | oklch(44% 0.05 223) | L0.44C0.05H223° | |
| HSV | hsv(196, 48%, 40%) | H196°S48%V40% | |
| CMYK | cmyk(48%, 13%, 0%, 60%) | C48%M13%Y0%K60% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00110101 | 01011001 | 01100110 |
| Octal | 65 | 131 | 146 |
| Decimal | 53 | 89 | 102 |
| Hex | 35 | 59 | 66 |
Shades & tints
Shades mix #355966 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #3559660%
- #30515D9%
- #2C4A5517%
- #27424C26%
- #233B4334%
- #1E333B43%
- #1A2C3251%
- #15242959%
- #111C2168%
- #0C151877%
- #080D0F85%
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
#355966 on #FFFFFF
7.58:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#355966 on #000000
2.77:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #355966
7.58:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #355966
2.77:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #355966; - Background
background-color: #355966; - CSS variable
--color-355966: #355966; - Modern CSS
color: oklch(44% 0.05 223); - SCSS
$color-355966: #355966; - Tailwind
bg-[#355966] text-[#355966] - HTML
<div style="background-color: #355966"></div>