#016FD0 Color (Hex and RGB)
#016FD0
#016fd0 has RGB values (1, 111, 208). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #016FD0 | R01G6FBD0 | |
| RGB | rgb(1 111 208) | R1G111B208 | |
| HSL | hsl(208 99% 41%) | H208°S99%L41% | |
| OKLCH | oklch(54% 0.17 254) | L0.54C0.17H254° | |
| HSV | hsv(208, 100%, 82%) | H208°S100%V82% | |
| CMYK | cmyk(100%, 47%, 0%, 18%) | C100%M47%Y0%K18% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000001 | 01101111 | 11010000 |
| Octal | 1 | 157 | 320 |
| Decimal | 1 | 111 | 208 |
| Hex | 01 | 6f | d0 |
Shades & tints
Shades mix #016FD0 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #016FD00%
- #0166BE9%
- #015CAD17%
- #01539B26%
- #01498934%
- #01407843%
- #00366651%
- #002D5459%
- #00244368%
- #001A3177%
- #00111F85%
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
#016FD0 on #FFFFFF
5.02:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#016FD0 on #000000
4.19:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #016FD0
5.02:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #016FD0
4.19:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #016fd0; - Background
background-color: #016fd0; - CSS variable
--color-016fd0: #016fd0; - Modern CSS
color: oklch(54% 0.17 254); - SCSS
$color-016fd0: #016fd0; - Tailwind
bg-[#016fd0] text-[#016fd0] - HTML
<div style="background-color: #016fd0"></div>