#005172 Color (Hex and RGB)
#005172
#005172 has RGB values (0, 81, 114). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #005172 | R00G51B72 | |
| RGB | rgb(0 81 114) | R0G81B114 | |
| HSL | hsl(197 100% 22%) | H197°S100%L22% | |
| OKLCH | oklch(41% 0.09 234) | L0.41C0.09H234° | |
| HSV | hsv(197, 100%, 45%) | H197°S100%V45% | |
| CMYK | cmyk(100%, 29%, 0%, 55%) | C100%M29%Y0%K55% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000000 | 01010001 | 01110010 |
| Octal | 0 | 121 | 162 |
| Decimal | 0 | 81 | 114 |
| Hex | 00 | 51 | 72 |
Shades & tints
Shades mix #005172 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #0051720%
- #004A689%
- #00435F17%
- #003C5526%
- #00354B34%
- #002F4243%
- #00283851%
- #00212E59%
- #001A2468%
- #00131B77%
- #000C1185%
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
#005172 on #FFFFFF
8.68:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#005172 on #000000
2.42:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #005172
8.68:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #005172
2.42:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #005172; - Background
background-color: #005172; - CSS variable
--color-005172: #005172; - Modern CSS
color: oklch(41% 0.09 234); - SCSS
$color-005172: #005172; - Tailwind
bg-[#005172] text-[#005172] - HTML
<div style="background-color: #005172"></div>