#16a5ff hex color

In a RGB color space, hex #16a5ff is composed of 8.6% red, 64.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 91.4% cyan, 35.3% magenta, 0% yellow and 0% black. It has a hue angle of 203.2 degrees, a saturation of 100% and a lightness of 54.3%. #16a5ff color hex could be obtained by blending #2cffff with #004bff. Closest websafe color is: #0099ff.

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

● #16a5ff color description : Vivid blue.

The hexadecimal color #16a5ff has RGB values of R:22, G:165, B:255 and CMYK values of C:0.91, M:0.35, Y:0, K:0. Its decimal value is 1484287.

Hex triplet	16a5ff	`#16a5ff`
RGB Decimal	22, 165, 255	`rgb(22,165,255)`
RGB Percent	8.6, 64.7, 100	`rgb(8.6%,64.7%,100%)`
CMYK	91, 35, 0, 0
HSL	203.2°, 100, 54.3	`hsl(203.2,100%,54.3%)`
HSV (or HSB)	203.2°, 91.4, 100
Web Safe	0099ff	`#0099ff`

CIE-LAB	65.198, -2.768, -54.114
XYZ	31.832, 34.298, 99.545
xyY	0.192, 0.207, 34.298
CIE-LCH	65.198, 54.184, 267.071
CIE-LUV	65.198, -39.96, -87.305
Hunter-Lab	58.564, -5.467, -59.783
Binary	00010110, 10100101, 11111111

#16a5ff
```
#16a5ff rgb(22,165,255)
```
#ff7016
```
#ff7016 rgb(255,112,22)
```

Complementary Color

#16ffe5
```
#16ffe5 rgb(22,255,229)
```
#16a5ff
```
#16a5ff rgb(22,165,255)
```
#1630ff
```
#1630ff rgb(22,48,255)
```

Analogous Color

#ffe516
```
#ffe516 rgb(255,229,22)
```
#16a5ff
```
#16a5ff rgb(22,165,255)
```
#ff1630
```
#ff1630 rgb(255,22,48)
```

Split Complementary Color

#a5ff16
```
#a5ff16 rgb(165,255,22)
```
#16a5ff
```
#16a5ff rgb(22,165,255)
```
#ff16a5
```
#ff16a5 rgb(255,22,165)
```

Triadic Color

#16ff70
```
#16ff70 rgb(22,255,112)
```
#16a5ff
```
#16a5ff rgb(22,165,255)
```
#ff16a5
```
#ff16a5 rgb(255,22,165)
```
#ff7016
```
#ff7016 rgb(255,112,22)
```

Tetradic Color

#007bc9
```
#007bc9 rgb(0,123,201)
```
#008be2
```
#008be2 rgb(0,139,226)
```
#009afc
```
#009afc rgb(0,154,252)
```
#16a5ff
```
#16a5ff rgb(22,165,255)
```
#30afff
```
#30afff rgb(48,175,255)
```
#49b9ff
```
#49b9ff rgb(73,185,255)
```
#63c3ff
```
#63c3ff rgb(99,195,255)
```

Monochromatic Color

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

#16dfff
```
#16dfff rgb(22,223,255)
```
#16ccff
```
#16ccff rgb(22,204,255)
```
#16b8ff
```
#16b8ff rgb(22,184,255)
```
#16a5ff
```
#16a5ff rgb(22,165,255)
```
#1692ff
```
#1692ff rgb(22,146,255)
```
#167eff
```
#167eff rgb(22,126,255)
```
#166bff
```
#166bff rgb(22,107,255)
```

Similar Colors

Text with hexadecimal color #16a5ff

This text has a font color of #16a5ff.

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

#16a5ff background color

This paragraph has a background color of #16a5ff.

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

#16a5ff border color

This element has a border color of #16a5ff.

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

CSS codes

.text {color:#16a5ff;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000e16
```
#000e16 rgb(0,14,22)
```
#001a2a
```
#001a2a rgb(0,26,42)
```
#00263d
```
#00263d rgb(0,38,61)
```
#003251
```
#003251 rgb(0,50,81)
```
#003e64
```
#003e64 rgb(0,62,100)
```
#004a78
```
#004a78 rgb(0,74,120)
```
#00568c
```
#00568c rgb(0,86,140)
```
#00629f
```
#00629f rgb(0,98,159)
```
#006eb3
```
#006eb3 rgb(0,110,179)
```
#007ac7
```
#007ac7 rgb(0,122,199)
```
#0086da
```
#0086da rgb(0,134,218)
```
#0092ee
```
#0092ee rgb(0,146,238)
```

Shade Color Variation

#029dff
```
#029dff rgb(2,157,255)
```
#16a5ff
```
#16a5ff rgb(22,165,255)
```
#2aadff
```
#2aadff rgb(42,173,255)
```
#3db4ff
```
#3db4ff rgb(61,180,255)
```
#51bcff
```
#51bcff rgb(81,188,255)
```
#64c3ff
```
#64c3ff rgb(100,195,255)
```
#78cbff
```
#78cbff rgb(120,203,255)
```
#8cd2ff
```
#8cd2ff rgb(140,210,255)
```
#9fdaff
```
#9fdaff rgb(159,218,255)
```
#b3e2ff
```
#b3e2ff rgb(179,226,255)
```
#c7e9ff
```
#c7e9ff rgb(199,233,255)
```
#daf1ff
```
#daf1ff rgb(218,241,255)
```
#eef8ff
```
#eef8ff rgb(238,248,255)
```

Tint Color Variation

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

#828d93
```
#828d93 rgb(130,141,147)
```
#798f9c
```
#798f9c rgb(121,143,156)
```
#7091a5
```
#7091a5 rgb(112,145,165)
```
#6793ae
```
#6793ae rgb(103,147,174)
```
#5e95b7
```
#5e95b7 rgb(94,149,183)
```
#5597c0
```
#5597c0 rgb(85,151,192)
```
#4c99c9
```
#4c99c9 rgb(76,153,201)
```
#439bd2
```
#439bd2 rgb(67,155,210)
```
#3a9ddb
```
#3a9ddb rgb(58,157,219)
```
#319fe4
```
#319fe4 rgb(49,159,228)
```
#28a1ed
```
#28a1ed rgb(40,161,237)
```
#1fa3f6
```
#1fa3f6 rgb(31,163,246)
```
#16a5ff
```
#16a5ff rgb(22,165,255)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#6f8b9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7fa0f7 Protanopia 1% of men
#63a4ff Deuteranopia 1% of men
#00b3be Tritanopia 0.001% of the population

Trichromacy

#59a2fa Protanomaly 1% of men, 0.01% of women
#47a4ff Deuteranomaly 6% of men, 0.4% of women
#08aed6 Tritanomaly 0.01% of the population

#16a5ff hex color

#16a5ff Color Information

#16a5ff Color Conversion

Color Schemes with #16a5ff

Alternatives to #16a5ff

#16a5ff Preview

Shades and Tints of #16a5ff

Tones of #16a5ff

Color Blindness Simulator