#16afde hex color

In a RGB color space, hex #16afde is composed of 8.6% red, 68.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 90.1% cyan, 21.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 194.1 degrees, a saturation of 82% and a lightness of 47.8%. #16afde color hex could be obtained by blending #2cffff with #005fbd. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 9
- G 69
- B 87
RGB color chart
- C 90
- M 21
- Y 0
- K 13
CMYK color chart

● #16afde color description : Vivid cyan.

The hexadecimal color #16afde has RGB values of R:22, G:175, B:222 and CMYK values of C:0.9, M:0.21, Y:0, K:0.13. Its decimal value is 1486814.

Hex triplet	16afde	`#16afde`
RGB Decimal	22, 175, 222	`rgb(22,175,222)`
RGB Percent	8.6, 68.6, 87.1	`rgb(8.6%,68.6%,87.1%)`
CMYK	90, 21, 0, 13
HSL	194.1°, 82, 47.8	`hsl(194.1,82%,47.8%)`
HSV (or HSB)	194.1°, 90.1, 87.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.598, -20.029, -33.867
XYZ	28.842, 36.102, 74.551
xyY	0.207, 0.259, 36.102
CIE-LCH	66.598, 39.346, 239.401
CIE-LUV	66.598, -45.49, -51.197
Hunter-Lab	60.085, -19.464, -31.506
Binary	00010110, 10101111, 11011110

#16afde
```
#16afde rgb(22,175,222)
```
#de4516
```
#de4516 rgb(222,69,22)
```

Complementary Color

#16dea9
```
#16dea9 rgb(22,222,169)
```
#16afde
```
#16afde rgb(22,175,222)
```
#164bde
```
#164bde rgb(22,75,222)
```

Analogous Color

#dea916
```
#dea916 rgb(222,169,22)
```
#16afde
```
#16afde rgb(22,175,222)
```
#de164b
```
#de164b rgb(222,22,75)
```

Split Complementary Color

#afde16
```
#afde16 rgb(175,222,22)
```
#16afde
```
#16afde rgb(22,175,222)
```
#de16af
```
#de16af rgb(222,22,175)
```

Triadic Color

#16de45
```
#16de45 rgb(22,222,69)
```
#16afde
```
#16afde rgb(22,175,222)
```
#de16af
```
#de16af rgb(222,22,175)
```
#de4516
```
#de4516 rgb(222,69,22)
```

Tetradic Color

#0f7898
```
#0f7898 rgb(15,120,152)
```
#118ab0
```
#118ab0 rgb(17,138,176)
```
#149dc7
```
#149dc7 rgb(20,157,199)
```
#16afde
```
#16afde rgb(22,175,222)
```
#24bbe9
```
#24bbe9 rgb(36,187,233)
```
#3bc2ec
```
#3bc2ec rgb(59,194,236)
```
#53c9ee
```
#53c9ee rgb(83,201,238)
```

Monochromatic Color

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

#16dedb
```
#16dedb rgb(22,222,219)
```
#16d0de
```
#16d0de rgb(22,208,222)
```
#16c0de
```
#16c0de rgb(22,192,222)
```
#16afde
```
#16afde rgb(22,175,222)
```
#169ede
```
#169ede rgb(22,158,222)
```
#168ede
```
#168ede rgb(22,142,222)
```
#167dde
```
#167dde rgb(22,125,222)
```

Similar Colors

Text with hexadecimal color #16afde

This text has a font color of #16afde.

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

#16afde background color

This paragraph has a background color of #16afde.

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

#16afde border color

This element has a border color of #16afde.

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

CSS codes

.text {color:#16afde;}

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

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

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

#010608
```
#010608 rgb(1,6,8)
```
#03141a
```
#03141a rgb(3,20,26)
```
#04222c
```
#04222c rgb(4,34,44)
```
#06303d
```
#06303d rgb(6,48,61)
```
#083e4f
```
#083e4f rgb(8,62,79)
```
#0a4d61
```
#0a4d61 rgb(10,77,97)
```
#0b5b73
```
#0b5b73 rgb(11,91,115)
```
#0d6985
```
#0d6985 rgb(13,105,133)
```
#0f7797
```
#0f7797 rgb(15,119,151)
```
#1185a8
```
#1185a8 rgb(17,133,168)
```
#1293ba
```
#1293ba rgb(18,147,186)
```
#14a1cc
```
#14a1cc rgb(20,161,204)
```
#16afde
```
#16afde rgb(22,175,222)
```

Shade Color Variation

#1fb9e9
```
#1fb9e9 rgb(31,185,233)
```
#31bfeb
```
#31bfeb rgb(49,191,235)
```
#43c4ec
```
#43c4ec rgb(67,196,236)
```
#54caee
```
#54caee rgb(84,202,238)
```
#66d0f0
```
#66d0f0 rgb(102,208,240)
```
#78d5f2
```
#78d5f2 rgb(120,213,242)
```
#8adbf3
```
#8adbf3 rgb(138,219,243)
```
#9ce0f5
```
#9ce0f5 rgb(156,224,245)
```
#aee6f7
```
#aee6f7 rgb(174,230,247)
```
#bfebf9
```
#bfebf9 rgb(191,235,249)
```
#d1f1fa
```
#d1f1fa rgb(209,241,250)
```
#e3f6fc
```
#e3f6fc rgb(227,246,252)
```
#f5fcfe
```
#f5fcfe rgb(245,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747d80 is the less saturated color, while #03b9f1 is the most saturated one.

#747d80
```
#747d80 rgb(116,125,128)
```
#6a828a
```
#6a828a rgb(106,130,138)
```
#618793
```
#618793 rgb(97,135,147)
```
#588c9c
```
#588c9c rgb(88,140,156)
```
#4e91a6
```
#4e91a6 rgb(78,145,166)
```
#4596af
```
#4596af rgb(69,150,175)
```
#3c9bb8
```
#3c9bb8 rgb(60,155,184)
```
#32a0c2
```
#32a0c2 rgb(50,160,194)
```
#29a5cb
```
#29a5cb rgb(41,165,203)
```
#1faad5
```
#1faad5 rgb(31,170,213)
```
#16afde
```
#16afde rgb(22,175,222)
```
#0db4e7
```
#0db4e7 rgb(13,180,231)
```
#03b9f1
```
#03b9f1 rgb(3,185,241)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#708f98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a5d6 Protanopia 1% of men
#8ea5e5 Deuteranopia 1% of men
#00b7c3 Tritanopia 0.001% of the population

Trichromacy

#69a8d8 Protanomaly 1% of men, 0.01% of women
#62a8e2 Deuteranomaly 6% of men, 0.4% of women
#08b4cd Tritanomaly 0.01% of the population

#16afde hex color

#16afde Color Information

#16afde Color Conversion

Color Schemes with #16afde

Alternatives to #16afde

#16afde Preview

Shades and Tints of #16afde

Tones of #16afde

Color Blindness Simulator