#172B4D Color (Hex and RGB)
#172B4D
#172b4d has RGB values (23, 43, 77). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #172B4D | R17G2BB4D | |
| RGB | rgb(23 43 77) | R23G43B77 | |
| HSL | hsl(218 54% 20%) | H218°S54%L20% | |
| OKLCH | oklch(29% 0.07 260) | L0.29C0.07H260° | |
| HSV | hsv(218, 70%, 30%) | H218°S70%V30% | |
| CMYK | cmyk(70%, 44%, 0%, 70%) | C70%M44%Y0%K70% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00010111 | 00101011 | 01001101 |
| Octal | 27 | 53 | 115 |
| Decimal | 23 | 43 | 77 |
| Hex | 17 | 2b | 4d |
Shades & tints
Shades mix #172B4D with black; tints mix it with white. Click any swatch to explore it.
Shades
- #172B4D0%
- #1527469%
- #13244017%
- #11203926%
- #0F1C3334%
- #0D192C43%
- #0B152651%
- #09111F59%
- #070E1968%
- #050A1277%
- #03060C85%
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
#172B4D on #FFFFFF
14.10:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#172B4D on #000000
1.49:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #172B4D
14.10:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #172B4D
1.49:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #172b4d; - Background
background-color: #172b4d; - CSS variable
--color-172b4d: #172b4d; - Modern CSS
color: oklch(29% 0.07 260); - SCSS
$color-172b4d: #172b4d; - Tailwind
bg-[#172b4d] text-[#172b4d] - HTML
<div style="background-color: #172b4d"></div>