#16afec hex color

In a RGB color space, hex #16afec is composed of 8.6% red, 68.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 90.7% cyan, 25.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 197.1 degrees, a saturation of 84.9% and a lightness of 50.6%. #16afec color hex could be obtained by blending #2cffff with #005fd9. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 9
- G 69
- B 93
RGB color chart
- C 91
- M 26
- Y 0
- K 7
CMYK color chart

● #16afec color description : Vivid blue.

The hexadecimal color #16afec has RGB values of R:22, G:175, B:236 and CMYK values of C:0.91, M:0.26, Y:0, K:0.07. Its decimal value is 1486828.

Hex triplet	16afec	`#16afec`
RGB Decimal	22, 175, 236	`rgb(22,175,236)`
RGB Percent	8.6, 68.6, 92.5	`rgb(8.6%,68.6%,92.5%)`
CMYK	91, 26, 0, 7
HSL	197.1°, 84.9, 50.6	`hsl(197.1,84.9%,50.6%)`
HSV (or HSB)	197.1°, 90.7, 92.5
Web Safe	0099ff	`#0099ff`

CIE-LAB	67.19, -15.154, -40.615
XYZ	30.797, 36.884, 84.848
xyY	0.202, 0.242, 36.884
CIE-LCH	67.19, 43.35, 249.538
CIE-LUV	67.19, -44.495, -63.32
Hunter-Lab	60.732, -15.763, -40.321
Binary	00010110, 10101111, 11101100

#16afec
```
#16afec rgb(22,175,236)
```
#ec5316
```
#ec5316 rgb(236,83,22)
```

Complementary Color

#16ecbe
```
#16ecbe rgb(22,236,190)
```
#16afec
```
#16afec rgb(22,175,236)
```
#1644ec
```
#1644ec rgb(22,68,236)
```

Analogous Color

#ecbe16
```
#ecbe16 rgb(236,190,22)
```
#16afec
```
#16afec rgb(22,175,236)
```
#ec1644
```
#ec1644 rgb(236,22,68)
```

Split Complementary Color

#afec16
```
#afec16 rgb(175,236,22)
```
#16afec
```
#16afec rgb(22,175,236)
```
#ec16af
```
#ec16af rgb(236,22,175)
```

Triadic Color

#16ec53
```
#16ec53 rgb(22,236,83)
```
#16afec
```
#16afec rgb(22,175,236)
```
#ec16af
```
#ec16af rgb(236,22,175)
```
#ec5316
```
#ec5316 rgb(236,83,22)
```

Tetradic Color

#0e7ca8
```
#0e7ca8 rgb(14,124,168)
```
#108dbf
```
#108dbf rgb(16,141,191)
```
#129fd7
```
#129fd7 rgb(18,159,215)
```
#16afec
```
#16afec rgb(22,175,236)
```
#2eb7ee
```
#2eb7ee rgb(46,183,238)
```
#45bff0
```
#45bff0 rgb(69,191,240)
```
#5dc7f2
```
#5dc7f2 rgb(93,199,242)
```

Monochromatic Color

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

#16e5ec
```
#16e5ec rgb(22,229,236)
```
#16d3ec
```
#16d3ec rgb(22,211,236)
```
#16c1ec
```
#16c1ec rgb(22,193,236)
```
#16afec
```
#16afec rgb(22,175,236)
```
#169dec
```
#169dec rgb(22,157,236)
```
#168bec
```
#168bec rgb(22,139,236)
```
#167aec
```
#167aec rgb(22,122,236)
```

Similar Colors

Text with hexadecimal color #16afec

This text has a font color of #16afec.

<span style="color:#16afec;">Text here</span>

#16afec background color

This paragraph has a background color of #16afec.

<p style="background-color:#16afec;">Content here</p>

#16afec border color

This element has a border color of #16afec.

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

CSS codes

.text {color:#16afec;}

.background {background-color:#16afec;}

.border {border:1px solid #16afec;}

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, #000203 is the darkest color, while #f0fafe is the lightest one.

#000203
```
#000203 rgb(0,2,3)
```
#020f15
```
#020f15 rgb(2,15,21)
```
#031d27
```
#031d27 rgb(3,29,39)
```
#052a39
```
#052a39 rgb(5,42,57)
```
#06384b
```
#06384b rgb(6,56,75)
```
#08455d
```
#08455d rgb(8,69,93)
```
#095270
```
#095270 rgb(9,82,112)
```
#0b6082
```
#0b6082 rgb(11,96,130)
```
#0c6d94
```
#0c6d94 rgb(12,109,148)
```
#0e7ba6
```
#0e7ba6 rgb(14,123,166)
```
#0f88b8
```
#0f88b8 rgb(15,136,184)
```
#1095ca
```
#1095ca rgb(16,149,202)
```
#12a3dc
```
#12a3dc rgb(18,163,220)
```

Shade Color Variation

#16afec
```
#16afec rgb(22,175,236)
```
#28b5ed
```
#28b5ed rgb(40,181,237)
```
#3abbef
```
#3abbef rgb(58,187,239)
```
#4cc2f0
```
#4cc2f0 rgb(76,194,240)
```
#5fc8f2
```
#5fc8f2 rgb(95,200,242)
```
#71cef3
```
#71cef3 rgb(113,206,243)
```
#83d4f5
```
#83d4f5 rgb(131,212,245)
```
#95dbf6
```
#95dbf6 rgb(149,219,246)
```
#a7e1f8
```
#a7e1f8 rgb(167,225,248)
```
#b9e7f9
```
#b9e7f9 rgb(185,231,249)
```
#cbedfb
```
#cbedfb rgb(203,237,251)
```
#def3fc
```
#def3fc rgb(222,243,252)
```
#f0fafe
```
#f0fafe rgb(240,250,254)
```

Tint Color Variation

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

#818181
```
#818181 rgb(129,129,129)
```
#77858b
```
#77858b rgb(119,133,139)
```
#6d8995
```
#6d8995 rgb(109,137,149)
```
#648e9e
```
#648e9e rgb(100,142,158)
```
#5a92a8
```
#5a92a8 rgb(90,146,168)
```
#5096b2
```
#5096b2 rgb(80,150,178)
```
#469abc
```
#469abc rgb(70,154,188)
```
#3d9ec5
```
#3d9ec5 rgb(61,158,197)
```
#33a2cf
```
#33a2cf rgb(51,162,207)
```
#29a7d9
```
#29a7d9 rgb(41,167,217)
```
#20abe2
```
#20abe2 rgb(32,171,226)
```
#16afec
```
#16afec rgb(22,175,236)
```
#0cb3f6
```
#0cb3f6 rgb(12,179,246)
```

Tone Color Variation

Below, you can see how #16afec 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

#888888 Achromatopsia 0.005% of the population
#71909c Atypical Achromatopsia 0.001% of the population

Dichromacy

#94a6e3 Protanopia 1% of men
#84a7f1 Deuteranopia 1% of men
#00b8c5 Tritanopia 0.001% of the population

Trichromacy

#66a9e6 Protanomaly 1% of men, 0.01% of women
#5caaef Deuteranomaly 6% of men, 0.4% of women
#08b5d3 Tritanomaly 0.01% of the population

#16afec hex color

#16afec Color Information

#16afec Color Conversion

Color Schemes with #16afec

Alternatives to #16afec

#16afec Preview

Shades and Tints of #16afec

Tones of #16afec

Color Blindness Simulator