#172C50 Color (Hex and RGB)
#172C50
#172c50 has RGB values (23, 44, 80). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #172C50 | R17G2CB50 | |
| RGB | rgb(23 44 80) | R23G44B80 | |
| HSL | hsl(218 55% 20%) | H218°S55%L20% | |
| OKLCH | oklch(30% 0.07 260) | L0.3C0.07H260° | |
| HSV | hsv(218, 71%, 31%) | H218°S71%V31% | |
| CMYK | cmyk(71%, 45%, 0%, 69%) | C71%M45%Y0%K69% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00010111 | 00101100 | 01010000 |
| Octal | 27 | 54 | 120 |
| Decimal | 23 | 44 | 80 |
| Hex | 17 | 2c | 50 |
Shades & tints
Shades mix #172C50 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #172C500%
- #1528499%
- #13254217%
- #11213C26%
- #0F1D3534%
- #0D192E43%
- #0B162751%
- #09122059%
- #070E1A68%
- #050A1377%
- #03070C85%
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
#172C50 on #FFFFFF
13.88:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#172C50 on #000000
1.51:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #172C50
13.88:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #172C50
1.51:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #172c50; - Background
background-color: #172c50; - CSS variable
--color-172c50: #172c50; - Modern CSS
color: oklch(30% 0.07 260); - SCSS
$color-172c50: #172c50; - Tailwind
bg-[#172c50] text-[#172c50] - HTML
<div style="background-color: #172c50"></div>