#10afde hex color

In a RGB color space, hex #10afde is composed of 6.3% red, 68.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 92.8% cyan, 21.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 193.7 degrees, a saturation of 86.6% and a lightness of 46.7%. #10afde color hex could be obtained by blending #20ffff with #005fbd. Closest websafe color is: #0099cc.

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

● #10afde color description : Vivid cyan.

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

Hex triplet	10afde	`#10afde`
RGB Decimal	16, 175, 222	`rgb(16,175,222)`
RGB Percent	6.3, 68.6, 87.1	`rgb(6.3%,68.6%,87.1%)`
CMYK	93, 21, 0, 13
HSL	193.7°, 86.6, 46.7	`hsl(193.7,86.6%,46.7%)`
HSV (or HSB)	193.7°, 92.8, 87.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.551, -20.285, -33.943
XYZ	28.725, 36.041, 74.546
xyY	0.206, 0.259, 36.041
CIE-LCH	66.551, 39.542, 239.136
CIE-LUV	66.551, -45.805, -51.29
Hunter-Lab	60.034, -19.652, -31.598
Binary	00010000, 10101111, 11011110

#10afde
```
#10afde rgb(16,175,222)
```
#de3f10
```
#de3f10 rgb(222,63,16)
```

Complementary Color

#10dea6
```
#10dea6 rgb(16,222,166)
```
#10afde
```
#10afde rgb(16,175,222)
```
#1048de
```
#1048de rgb(16,72,222)
```

Analogous Color

#dea610
```
#dea610 rgb(222,166,16)
```
#10afde
```
#10afde rgb(16,175,222)
```
#de1048
```
#de1048 rgb(222,16,72)
```

Split Complementary Color

#afde10
```
#afde10 rgb(175,222,16)
```
#10afde
```
#10afde rgb(16,175,222)
```
#de10af
```
#de10af rgb(222,16,175)
```

Triadic Color

#10de3f
```
#10de3f rgb(16,222,63)
```
#10afde
```
#10afde rgb(16,175,222)
```
#de10af
```
#de10af rgb(222,16,175)
```
#de3f10
```
#de3f10 rgb(222,63,16)
```

Tetradic Color

#0b7797
```
#0b7797 rgb(11,119,151)
```
#0d8aae
```
#0d8aae rgb(13,138,174)
```
#0e9cc6
```
#0e9cc6 rgb(14,156,198)
```
#10afde
```
#10afde rgb(16,175,222)
```
#19beee
```
#19beee rgb(25,190,238)
```
#31c5f0
```
#31c5f0 rgb(49,197,240)
```
#49cbf2
```
#49cbf2 rgb(73,203,242)
```

Monochromatic Color

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

#10deda
```
#10deda rgb(16,222,218)
```
#10d1de
```
#10d1de rgb(16,209,222)
```
#10c0de
```
#10c0de rgb(16,192,222)
```
#10afde
```
#10afde rgb(16,175,222)
```
#109ede
```
#109ede rgb(16,158,222)
```
#108dde
```
#108dde rgb(16,141,222)
```
#107cde
```
#107cde rgb(16,124,222)
```

Similar Colors

Text with hexadecimal color #10afde

This text has a font color of #10afde.

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

#10afde background color

This paragraph has a background color of #10afde.

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

#10afde border color

This element has a border color of #10afde.

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

CSS codes

.text {color:#10afde;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#011015
```
#011015 rgb(1,16,21)
```
#031f27
```
#031f27 rgb(3,31,39)
```
#042d39
```
#042d39 rgb(4,45,57)
```
#053c4c
```
#053c4c rgb(5,60,76)
```
#074a5e
```
#074a5e rgb(7,74,94)
```
#085870
```
#085870 rgb(8,88,112)
```
#096783
```
#096783 rgb(9,103,131)
```
#0b7595
```
#0b7595 rgb(11,117,149)
```
#0c84a7
```
#0c84a7 rgb(12,132,167)
```
#0d92b9
```
#0d92b9 rgb(13,146,185)
```
#0fa1cc
```
#0fa1cc rgb(15,161,204)
```
#10afde
```
#10afde rgb(16,175,222)
```

Shade Color Variation

#14bcee
```
#14bcee rgb(20,188,238)
```
#26c1ef
```
#26c1ef rgb(38,193,239)
```
#38c7f1
```
#38c7f1 rgb(56,199,241)
```
#4accf2
```
#4accf2 rgb(74,204,242)
```
#5dd1f3
```
#5dd1f3 rgb(93,209,243)
```
#6fd6f5
```
#6fd6f5 rgb(111,214,245)
```
#81dbf6
```
#81dbf6 rgb(129,219,246)
```
#94e1f7
```
#94e1f7 rgb(148,225,247)
```
#a6e6f9
```
#a6e6f9 rgb(166,230,249)
```
#b8ebfa
```
#b8ebfa rgb(184,235,250)
```
#cbf0fb
```
#cbf0fb rgb(203,240,251)
```
#ddf5fd
```
#ddf5fd rgb(221,245,253)
```
#effbfe
```
#effbfe rgb(239,251,254)
```

Tint Color Variation

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

#757879
```
#757879 rgb(117,120,121)
```
#6c7d82
```
#6c7d82 rgb(108,125,130)
```
#62828c
```
#62828c rgb(98,130,140)
```
#598795
```
#598795 rgb(89,135,149)
```
#508c9e
```
#508c9e rgb(80,140,158)
```
#4791a7
```
#4791a7 rgb(71,145,167)
```
#3e96b0
```
#3e96b0 rgb(62,150,176)
```
#359bb9
```
#359bb9 rgb(53,155,185)
```
#2ba0c3
```
#2ba0c3 rgb(43,160,195)
```
#22a5cc
```
#22a5cc rgb(34,165,204)
```
#19aad5
```
#19aad5 rgb(25,170,213)
```
#10afde
```
#10afde rgb(16,175,222)
```
#07b4e7
```
#07b4e7 rgb(7,180,231)
```

Tone Color Variation

Below, you can see how #10afde 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
#6e8d97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a4d5 Protanopia 1% of men
#8da5e5 Deuteranopia 1% of men
#00b6c3 Tritanopia 0.001% of the population

Trichromacy

#66a8d8 Protanomaly 1% of men, 0.01% of women
#60a8e2 Deuteranomaly 6% of men, 0.4% of women
#05b4cd Tritanomaly 0.01% of the population

#10afde hex color

#10afde Color Information

#10afde Color Conversion

Color Schemes with #10afde

Alternatives to #10afde

#10afde Preview

Shades and Tints of #10afde

Tones of #10afde

Color Blindness Simulator