#16a5f7 hex color

In a RGB color space, hex #16a5f7 is composed of 8.6% red, 64.7% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 91.1% cyan, 33.2% magenta, 0% yellow and 3.1% black. It has a hue angle of 201.9 degrees, a saturation of 93.4% and a lightness of 52.7%. #16a5f7 color hex could be obtained by blending #2cffff with #004bef. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 9
- G 65
- B 97
RGB color chart
- C 91
- M 33
- Y 0
- K 3
CMYK color chart

● #16a5f7 color description : Vivid blue.

The hexadecimal color #16a5f7 has RGB values of R:22, G:165, B:247 and CMYK values of C:0.91, M:0.33, Y:0, K:0.03. Its decimal value is 1484279.

Hex triplet	16a5f7	`#16a5f7`
RGB Decimal	22, 165, 247	`rgb(22,165,247)`
RGB Percent	8.6, 64.7, 96.9	`rgb(8.6%,64.7%,96.9%)`
CMYK	91, 33, 0, 3
HSL	201.9°, 93.4, 52.7	`hsl(201.9,93.4%,52.7%)`
HSV (or HSB)	201.9°, 91.1, 96.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	64.798, -5.692, -50.386
XYZ	30.57, 33.793, 92.902
xyY	0.194, 0.215, 33.793
CIE-LCH	64.798, 50.706, 263.555
CIE-LUV	64.798, -40.449, -80.612
Hunter-Lab	58.132, -7.862, -54.06
Binary	00010110, 10100101, 11110111

#16a5f7
```
#16a5f7 rgb(22,165,247)
```
#f76816
```
#f76816 rgb(247,104,22)
```

Complementary Color

#16f7d9
```
#16f7d9 rgb(22,247,217)
```
#16a5f7
```
#16a5f7 rgb(22,165,247)
```
#1635f7
```
#1635f7 rgb(22,53,247)
```

Analogous Color

#f7d916
```
#f7d916 rgb(247,217,22)
```
#16a5f7
```
#16a5f7 rgb(22,165,247)
```
#f71635
```
#f71635 rgb(247,22,53)
```

Split Complementary Color

#a5f716
```
#a5f716 rgb(165,247,22)
```
#16a5f7
```
#16a5f7 rgb(22,165,247)
```
#f716a5
```
#f716a5 rgb(247,22,165)
```

Triadic Color

#16f768
```
#16f768 rgb(22,247,104)
```
#16a5f7
```
#16a5f7 rgb(22,165,247)
```
#f716a5
```
#f716a5 rgb(247,22,165)
```
#f76816
```
#f76816 rgb(247,104,22)
```

Tetradic Color

#0679ba
```
#0679ba rgb(6,121,186)
```
#0789d3
```
#0789d3 rgb(7,137,211)
```
#0899eb
```
#0899eb rgb(8,153,235)
```
#16a5f7
```
#16a5f7 rgb(22,165,247)
```
#2faff8
```
#2faff8 rgb(47,175,248)
```
#47b8f9
```
#47b8f9 rgb(71,184,249)
```
#60c2fa
```
#60c2fa rgb(96,194,250)
```

Monochromatic Color

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

#16ddf7
```
#16ddf7 rgb(22,221,247)
```
#16cbf7
```
#16cbf7 rgb(22,203,247)
```
#16b8f7
```
#16b8f7 rgb(22,184,247)
```
#16a5f7
```
#16a5f7 rgb(22,165,247)
```
#1692f7
```
#1692f7 rgb(22,146,247)
```
#1680f7
```
#1680f7 rgb(22,128,247)
```
#166df7
```
#166df7 rgb(22,109,247)
```

Similar Colors

Text with hexadecimal color #16a5f7

This text has a font color of #16a5f7.

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

#16a5f7 background color

This paragraph has a background color of #16a5f7.

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

#16a5f7 border color

This element has a border color of #16a5f7.

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

CSS codes

.text {color:#16a5f7;}

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

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

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, #00090e is the darkest color, while #fafdff is the lightest one.

#00090e
```
#00090e rgb(0,9,14)
```
#011520
```
#011520 rgb(1,21,32)
```
#022133
```
#022133 rgb(2,33,51)
```
#022e46
```
#022e46 rgb(2,46,70)
```
#033a59
```
#033a59 rgb(3,58,89)
```
#04466c
```
#04466c rgb(4,70,108)
```
#04537f
```
#04537f rgb(4,83,127)
```
#055f92
```
#055f92 rgb(5,95,146)
```
#066ba5
```
#066ba5 rgb(6,107,165)
```
#0677b8
```
#0677b8 rgb(6,119,184)
```
#0784cb
```
#0784cb rgb(7,132,203)
```
#0890de
```
#0890de rgb(8,144,222)
```
#089cf1
```
#089cf1 rgb(8,156,241)
```

Shade Color Variation

#16a5f7
```
#16a5f7 rgb(22,165,247)
```
#29acf8
```
#29acf8 rgb(41,172,248)
```
#3cb4f8
```
#3cb4f8 rgb(60,180,248)
```
#4fbbf9
```
#4fbbf9 rgb(79,187,249)
```
#62c2fa
```
#62c2fa rgb(98,194,250)
```
#75cafa
```
#75cafa rgb(117,202,250)
```
#88d1fb
```
#88d1fb rgb(136,209,251)
```
#9bd8fc
```
#9bd8fc rgb(155,216,252)
```
#aee0fc
```
#aee0fc rgb(174,224,252)
```
#c1e7fd
```
#c1e7fd rgb(193,231,253)
```
#d4eefe
```
#d4eefe rgb(212,238,254)
```
#e7f6fe
```
#e7f6fe rgb(231,246,254)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#858788
```
#858788 rgb(133,135,136)
```
#7c8991
```
#7c8991 rgb(124,137,145)
```
#738c9a
```
#738c9a rgb(115,140,154)
```
#698ea4
```
#698ea4 rgb(105,142,164)
```
#6091ad
```
#6091ad rgb(96,145,173)
```
#5793b6
```
#5793b6 rgb(87,147,182)
```
#4e96bf
```
#4e96bf rgb(78,150,191)
```
#4498c9
```
#4498c9 rgb(68,152,201)
```
#3b9bd2
```
#3b9bd2 rgb(59,155,210)
```
#329ddb
```
#329ddb rgb(50,157,219)
```
#29a0e4
```
#29a0e4 rgb(41,160,228)
```
#1fa2ee
```
#1fa2ee rgb(31,162,238)
```
#16a5f7
```
#16a5f7 rgb(22,165,247)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6e8b9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#839fef Protanopia 1% of men
#68a2fa Deuteranopia 1% of men
#00b2bd Tritanopia 0.001% of the population

Trichromacy

#5ba1f2 Protanomaly 1% of men, 0.01% of women
#4aa3f9 Deuteranomaly 6% of men, 0.4% of women
#08add2 Tritanomaly 0.01% of the population

#16a5f7 hex color

#16a5f7 Color Information

#16a5f7 Color Conversion

Color Schemes with #16a5f7

Alternatives to #16a5f7

#16a5f7 Preview

Shades and Tints of #16a5f7

Tones of #16a5f7

Color Blindness Simulator