#168EEA Color (Hex and RGB)
#168EEA
#168eea has RGB values (22, 142, 234). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #168EEA | R16G8EBEA | |
| RGB | rgb(22 142 234) | R22G142B234 | |
| HSL | hsl(206 83% 50%) | H206°S83%L50% | |
| OKLCH | oklch(63% 0.17 249) | L0.63C0.17H249° | |
| HSV | hsv(206, 91%, 92%) | H206°S91%V92% | |
| CMYK | cmyk(91%, 39%, 0%, 8%) | C91%M39%Y0%K8% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00010110 | 10001110 | 11101010 |
| Octal | 26 | 216 | 352 |
| Decimal | 22 | 142 | 234 |
| Hex | 16 | 8e | ea |
Shades & tints
Shades mix #168EEA with black; tints mix it with white. Click any swatch to explore it.
Shades
- #168EEA0%
- #1482D69%
- #1276C217%
- #106AAE26%
- #0F5E9A34%
- #0D528743%
- #0B467351%
- #093A5F59%
- #072D4B68%
- #05213777%
- #03152385%
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
#168EEA on #FFFFFF
3.45:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#168EEA on #000000
6.09:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #168EEA
3.45:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #168EEA
6.09:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #168eea; - Background
background-color: #168eea; - CSS variable
--color-168eea: #168eea; - Modern CSS
color: oklch(63% 0.17 249); - SCSS
$color-168eea: #168eea; - Tailwind
bg-[#168eea] text-[#168eea] - HTML
<div style="background-color: #168eea"></div>