#005670 Color (Hex and RGB)
#005670
#005670 has RGB values (0, 86, 112). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #005670 | R00G56B70 | |
| RGB | rgb(0 86 112) | R0G86B112 | |
| HSL | hsl(194 100% 22%) | H194°S100%L22% | |
| OKLCH | oklch(42% 0.08 227) | L0.42C0.08H227° | |
| HSV | hsv(194, 100%, 44%) | H194°S100%V44% | |
| CMYK | cmyk(100%, 23%, 0%, 56%) | C100%M23%Y0%K56% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000000 | 01010110 | 01110000 |
| Octal | 0 | 126 | 160 |
| Decimal | 0 | 86 | 112 |
| Hex | 00 | 56 | 70 |
Shades & tints
Shades mix #005670 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #0056700%
- #004F669%
- #00475D17%
- #00405326%
- #00394A34%
- #00314043%
- #002A3751%
- #00232D59%
- #001C2468%
- #00141A77%
- #000D1185%
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
#005670 on #FFFFFF
8.19:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#005670 on #000000
2.57:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #005670
8.19:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #005670
2.57:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #005670; - Background
background-color: #005670; - CSS variable
--color-005670: #005670; - Modern CSS
color: oklch(42% 0.08 227); - SCSS
$color-005670: #005670; - Tailwind
bg-[#005670] text-[#005670] - HTML
<div style="background-color: #005670"></div>