#166A8F Color (Hex and RGB)
#166A8F
#166a8f has RGB values (22, 106, 143). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #166A8F | R16G6AB8F | |
| RGB | rgb(22 106 143) | R22G106B143 | |
| HSL | hsl(198 73% 32%) | H198°S73%L32% | |
| OKLCH | oklch(49% 0.1 233) | L0.49C0.1H233° | |
| HSV | hsv(198, 85%, 56%) | H198°S85%V56% | |
| CMYK | cmyk(85%, 26%, 0%, 44%) | C85%M26%Y0%K44% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00010110 | 01101010 | 10001111 |
| Octal | 26 | 152 | 217 |
| Decimal | 22 | 106 | 143 |
| Hex | 16 | 6a | 8f |
Shades & tints
Shades mix #166A8F with black; tints mix it with white. Click any swatch to explore it.
Shades
- #166A8F0%
- #1461839%
- #12587717%
- #104F6B26%
- #0F465E34%
- #0D3D5243%
- #0B344651%
- #092B3A59%
- #07222E68%
- #05192277%
- #03101585%
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
#166A8F on #FFFFFF
6.01:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#166A8F on #000000
3.49:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #166A8F
6.01:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #166A8F
3.49:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #166a8f; - Background
background-color: #166a8f; - CSS variable
--color-166a8f: #166a8f; - Modern CSS
color: oklch(49% 0.1 233); - SCSS
$color-166a8f: #166a8f; - Tailwind
bg-[#166a8f] text-[#166a8f] - HTML
<div style="background-color: #166a8f"></div>