#16a5d2 hex color

In a RGB color space, hex #16a5d2 is composed of 8.6% red, 64.7% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 89.5% cyan, 21.4% magenta, 0% yellow and 17.6% black. It has a hue angle of 194.4 degrees, a saturation of 81% and a lightness of 45.5%. #16a5d2 color hex could be obtained by blending #2cffff with #004ba5. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 9
- G 65
- B 82
RGB color chart
- C 90
- M 21
- Y 0
- K 18
CMYK color chart

● #16a5d2 color description : Strong cyan.

The hexadecimal color #16a5d2 has RGB values of R:22, G:165, B:210 and CMYK values of C:0.9, M:0.21, Y:0, K:0.18. Its decimal value is 1484242.

Hex triplet	16a5d2	`#16a5d2`
RGB Decimal	22, 165, 210	`rgb(22,165,210)`
RGB Percent	8.6, 64.7, 82.4	`rgb(8.6%,64.7%,82.4%)`
CMYK	90, 21, 0, 18
HSL	194.4°, 81, 45.5	`hsl(194.4,81%,45.5%)`
HSV (or HSB)	194.4°, 89.5, 82.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	63.12, -18.911, -32.637
XYZ	25.416, 31.732, 65.754
xyY	0.207, 0.258, 31.732
CIE-LCH	63.12, 37.72, 239.911
CIE-LUV	63.12, -42.937, -48.883
Hunter-Lab	56.331, -18.042, -29.777
Binary	00010110, 10100101, 11010010

#16a5d2
```
#16a5d2 rgb(22,165,210)
```
#d24316
```
#d24316 rgb(210,67,22)
```

Complementary Color

#16d2a1
```
#16d2a1 rgb(22,210,161)
```
#16a5d2
```
#16a5d2 rgb(22,165,210)
```
#1647d2
```
#1647d2 rgb(22,71,210)
```

Analogous Color

#d2a116
```
#d2a116 rgb(210,161,22)
```
#16a5d2
```
#16a5d2 rgb(22,165,210)
```
#d21647
```
#d21647 rgb(210,22,71)
```

Split Complementary Color

#a5d216
```
#a5d216 rgb(165,210,22)
```
#16a5d2
```
#16a5d2 rgb(22,165,210)
```
#d216a5
```
#d216a5 rgb(210,22,165)
```

Triadic Color

#16d243
```
#16d243 rgb(22,210,67)
```
#16a5d2
```
#16a5d2 rgb(22,165,210)
```
#d216a5
```
#d216a5 rgb(210,22,165)
```
#d24316
```
#d24316 rgb(210,67,22)
```

Tetradic Color

#0f6f8d
```
#0f6f8d rgb(15,111,141)
```
#1181a4
```
#1181a4 rgb(17,129,164)
```
#1493bb
```
#1493bb rgb(20,147,187)
```
#16a5d2
```
#16a5d2 rgb(22,165,210)
```
#1ab6e7
```
#1ab6e7 rgb(26,182,231)
```
#32bde9
```
#32bde9 rgb(50,189,233)
```
#49c5ec
```
#49c5ec rgb(73,197,236)
```

Monochromatic Color

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

#16d2d0
```
#16d2d0 rgb(22,210,208)
```
#16c4d2
```
#16c4d2 rgb(22,196,210)
```
#16b5d2
```
#16b5d2 rgb(22,181,210)
```
#16a5d2
```
#16a5d2 rgb(22,165,210)
```
#1695d2
```
#1695d2 rgb(22,149,210)
```
#1686d2
```
#1686d2 rgb(22,134,210)
```
#1676d2
```
#1676d2 rgb(22,118,210)
```

Similar Colors

Text with hexadecimal color #16a5d2

This text has a font color of #16a5d2.

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

#16a5d2 background color

This paragraph has a background color of #16a5d2.

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

#16a5d2 border color

This element has a border color of #16a5d2.

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

CSS codes

.text {color:#16a5d2;}

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

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

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, #020c0f is the darkest color, while #fcfeff is the lightest one.

#020c0f
```
#020c0f rgb(2,12,15)
```
#031920
```
#031920 rgb(3,25,32)
```
#052732
```
#052732 rgb(5,39,50)
```
#073544
```
#073544 rgb(7,53,68)
```
#094356
```
#094356 rgb(9,67,86)
```
#0b5167
```
#0b5167 rgb(11,81,103)
```
#0d5f79
```
#0d5f79 rgb(13,95,121)
```
#0f6d8b
```
#0f6d8b rgb(15,109,139)
```
#107b9d
```
#107b9d rgb(16,123,157)
```
#1289ae
```
#1289ae rgb(18,137,174)
```
#1497c0
```
#1497c0 rgb(20,151,192)
```
#16a5d2
```
#16a5d2 rgb(22,165,210)
```
#18b3e4
```
#18b3e4 rgb(24,179,228)
```

Shade Color Variation

#27bae8
```
#27bae8 rgb(39,186,232)
```
#39c0ea
```
#39c0ea rgb(57,192,234)
```
#4ac5ec
```
#4ac5ec rgb(74,197,236)
```
#5ccbee
```
#5ccbee rgb(92,203,238)
```
#6ed1f0
```
#6ed1f0 rgb(110,209,240)
```
#80d6f2
```
#80d6f2 rgb(128,214,242)
```
#91dcf4
```
#91dcf4 rgb(145,220,244)
```
#a3e2f5
```
#a3e2f5 rgb(163,226,245)
```
#b5e7f7
```
#b5e7f7 rgb(181,231,247)
```
#c7edf9
```
#c7edf9 rgb(199,237,249)
```
#d8f3fb
```
#d8f3fb rgb(216,243,251)
```
#eaf8fd
```
#eaf8fd rgb(234,248,253)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7679 is the less saturated color, while #04aee4 is the most saturated one.

#6f7679
```
#6f7679 rgb(111,118,121)
```
#667b82
```
#667b82 rgb(102,123,130)
```
#5d808b
```
#5d808b rgb(93,128,139)
```
#548494
```
#548494 rgb(84,132,148)
```
#4c899c
```
#4c899c rgb(76,137,156)
```
#438ea5
```
#438ea5 rgb(67,142,165)
```
#3a92ae
```
#3a92ae rgb(58,146,174)
```
#3197b7
```
#3197b7 rgb(49,151,183)
```
#289cc0
```
#289cc0 rgb(40,156,192)
```
#1fa0c9
```
#1fa0c9 rgb(31,160,201)
```
#16a5d2
```
#16a5d2 rgb(22,165,210)
```
#0daadb
```
#0daadb rgb(13,170,219)
```
#04aee4
```
#04aee4 rgb(4,174,228)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6a8790 Atypical Achromatopsia 0.001% of the population

Dichromacy

#909ccb Protanopia 1% of men
#869cd9 Deuteranopia 1% of men
#00adb9 Tritanopia 0.001% of the population

Trichromacy

#639fcd Protanomaly 1% of men, 0.01% of women
#5d9fd6 Deuteranomaly 6% of men, 0.4% of women
#08aac2 Tritanomaly 0.01% of the population

#16a5d2 hex color

#16a5d2 Color Information

#16a5d2 Color Conversion

Color Schemes with #16a5d2

Alternatives to #16a5d2

#16a5d2 Preview

Shades and Tints of #16a5d2

Tones of #16a5d2

Color Blindness Simulator