#016cf0 hex color

In a RGB color space, hex #016cf0 is composed of 0.4% red, 42.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 55% magenta, 0% yellow and 5.9% black. It has a hue angle of 213.1 degrees, a saturation of 99.2% and a lightness of 47.3%. #016cf0 color hex could be obtained by blending #02d8ff with #0000e1. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 0
- G 42
- B 94
RGB color chart
- C 100
- M 55
- Y 0
- K 6
CMYK color chart

● #016cf0 color description : Vivid blue.

The hexadecimal color #016cf0 has RGB values of R:1, G:108, B:240 and CMYK values of C:1, M:0.55, Y:0, K:0.06. Its decimal value is 93424.

Hex triplet	016cf0	`#016cf0`
RGB Decimal	1, 108, 240	`rgb(1,108,240)`
RGB Percent	0.4, 42.4, 94.1	`rgb(0.4%,42.4%,94.1%)`
CMYK	100, 55, 0, 6
HSL	213.1°, 99.2, 47.3	`hsl(213.1,99.2%,47.3%)`
HSV (or HSB)	213.1°, 99.6, 94.1
Web Safe	0066ff	`#0066ff`

CIE-LAB	48.286, 25.653, -73.032
XYZ	21.1, 17.021, 84.607
xyY	0.172, 0.139, 17.021
CIE-LCH	48.286, 77.406, 289.354
CIE-LUV	48.286, -24.272, -112.632
Hunter-Lab	41.256, 19.091, -92.709
Binary	00000001, 01101100, 11110000

#016cf0
```
#016cf0 rgb(1,108,240)
```
#f08501
```
#f08501 rgb(240,133,1)
```

Complementary Color

#01e4f0
```
#01e4f0 rgb(1,228,240)
```
#016cf0
```
#016cf0 rgb(1,108,240)
```
#0e01f0
```
#0e01f0 rgb(14,1,240)
```

Analogous Color

#e4f001
```
#e4f001 rgb(228,240,1)
```
#016cf0
```
#016cf0 rgb(1,108,240)
```
#f00e01
```
#f00e01 rgb(240,14,1)
```

Split Complementary Color

#6cf001
```
#6cf001 rgb(108,240,1)
```
#016cf0
```
#016cf0 rgb(1,108,240)
```
#f0016c
```
#f0016c rgb(240,1,108)
```

Triadic Color

#01f085
```
#01f085 rgb(1,240,133)
```
#016cf0
```
#016cf0 rgb(1,108,240)
```
#f0016c
```
#f0016c rgb(240,1,108)
```
#f08501
```
#f08501 rgb(240,133,1)
```

Tetradic Color

#014aa4
```
#014aa4 rgb(1,74,164)
```
#0155bd
```
#0155bd rgb(1,85,189)
```
#0161d7
```
#0161d7 rgb(1,97,215)
```
#016cf0
```
#016cf0 rgb(1,108,240)
```
#0d79fe
```
#0d79fe rgb(13,121,254)
```
#2687fe
```
#2687fe rgb(38,135,254)
```
#3f95fe
```
#3f95fe rgb(63,149,254)
```

Monochromatic Color

Below, you can see some colors close to #016cf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#01a8f0
```
#01a8f0 rgb(1,168,240)
```
#0194f0
```
#0194f0 rgb(1,148,240)
```
#0180f0
```
#0180f0 rgb(1,128,240)
```
#016cf0
```
#016cf0 rgb(1,108,240)
```
#0158f0
```
#0158f0 rgb(1,88,240)
```
#0144f0
```
#0144f0 rgb(1,68,240)
```
#0130f0
```
#0130f0 rgb(1,48,240)
```

Similar Colors

Text with hexadecimal color #016cf0

This text has a font color of #016cf0.

<span style="color:#016cf0;">Text here</span>

#016cf0 background color

This paragraph has a background color of #016cf0.

<p style="background-color:#016cf0;">Content here</p>

#016cf0 border color

This element has a border color of #016cf0.

<div style="border:1px solid #016cf0;">Content here</div>

CSS codes

.text {color:#016cf0;}

.background {background-color:#016cf0;}

.border {border:1px solid #016cf0;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000306 is the darkest color, while #f1f7ff is the lightest one.

#000306
```
#000306 rgb(0,3,6)
```
#000b19
```
#000b19 rgb(0,11,25)
```
#00142d
```
#00142d rgb(0,20,45)
```
#001d40
```
#001d40 rgb(0,29,64)
```
#002654
```
#002654 rgb(0,38,84)
```
#002e67
```
#002e67 rgb(0,46,103)
```
#01377b
```
#01377b rgb(1,55,123)
```
#01408e
```
#01408e rgb(1,64,142)
```
#0149a2
```
#0149a2 rgb(1,73,162)
```
#0152b5
```
#0152b5 rgb(1,82,181)
```
#015ac9
```
#015ac9 rgb(1,90,201)
```
#0163dc
```
#0163dc rgb(1,99,220)
```
#016cf0
```
#016cf0 rgb(1,108,240)
```

Shade Color Variation

#0775fe
```
#0775fe rgb(7,117,254)
```
#1a80fe
```
#1a80fe rgb(26,128,254)
```
#2e8bfe
```
#2e8bfe rgb(46,139,254)
```
#4196fe
```
#4196fe rgb(65,150,254)
```
#55a1fe
```
#55a1fe rgb(85,161,254)
```
#68abfe
```
#68abfe rgb(104,171,254)
```
#7cb6fe
```
#7cb6fe rgb(124,182,254)
```
#8fc1ff
```
#8fc1ff rgb(143,193,255)
```
#a3ccff
```
#a3ccff rgb(163,204,255)
```
#b6d7ff
```
#b6d7ff rgb(182,215,255)
```
#cae2ff
```
#cae2ff rgb(202,226,255)
```
#deecff
```
#deecff rgb(222,236,255)
```
#f1f7ff
```
#f1f7ff rgb(241,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707881 is the less saturated color, while #016cf0 is the most saturated one.

#707881
```
#707881 rgb(112,120,129)
```
#67778a
```
#67778a rgb(103,119,138)
```
#5e7693
```
#5e7693 rgb(94,118,147)
```
#54759d
```
#54759d rgb(84,117,157)
```
#4b74a6
```
#4b74a6 rgb(75,116,166)
```
#4273af
```
#4273af rgb(66,115,175)
```
#3972b8
```
#3972b8 rgb(57,114,184)
```
#2f71c2
```
#2f71c2 rgb(47,113,194)
```
#2670cb
```
#2670cb rgb(38,112,203)
```
#1d6fd4
```
#1d6fd4 rgb(29,111,212)
```
#146edd
```
#146edd rgb(20,110,221)
```
#0a6de7
```
#0a6de7 rgb(10,109,231)
```
#016cf0
```
#016cf0 rgb(1,108,240)
```

Tone Color Variation

Below, you can see how #016cf0 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#5b5b5b Achromatopsia 0.005% of the population
#495e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e7 Protanopia 1% of men
#007cca Deuteranopia 1% of men
#00868d Tritanopia 0.001% of the population

Trichromacy

#0072ea Protanomaly 1% of men, 0.01% of women
#0076d8 Deuteranomaly 6% of men, 0.4% of women
#007cb1 Tritanomaly 0.01% of the population

#016cf0 hex color

#016cf0 Color Information

#016cf0 Color Conversion

Color Schemes with #016cf0

Alternatives to #016cf0

#016cf0 Preview

Shades and Tints of #016cf0

Tones of #016cf0

Color Blindness Simulator