#005696 Color (Hex and RGB)
#005696
#005696 has RGB values (0, 86, 150). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #005696 | R00G56B96 | |
| RGB | rgb(0 86 150) | R0G86B150 | |
| HSL | hsl(206 100% 29%) | H206°S100%L29% | |
| OKLCH | oklch(45% 0.13 250) | L0.45C0.13H250° | |
| HSV | hsv(206, 100%, 59%) | H206°S100%V59% | |
| CMYK | cmyk(100%, 43%, 0%, 41%) | C100%M43%Y0%K41% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000000 | 01010110 | 10010110 |
| Octal | 0 | 126 | 226 |
| Decimal | 0 | 86 | 150 |
| Hex | 00 | 56 | 96 |
Shades & tints
Shades mix #005696 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #0056960%
- #004F899%
- #00477D17%
- #00407026%
- #00396334%
- #00315643%
- #002A4A51%
- #00233D59%
- #001C3068%
- #00142377%
- #000D1785%
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
#005696 on #FFFFFF
7.58:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#005696 on #000000
2.77:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #005696
7.58:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #005696
2.77:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #005696; - Background
background-color: #005696; - CSS variable
--color-005696: #005696; - Modern CSS
color: oklch(45% 0.13 250); - SCSS
$color-005696: #005696; - Tailwind
bg-[#005696] text-[#005696] - HTML
<div style="background-color: #005696"></div>