#10bad2 hex color

In a RGB color space, hex #10bad2 is composed of 6.3% red, 72.9% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 92.4% cyan, 11.4% magenta, 0% yellow and 17.6% black. It has a hue angle of 187.4 degrees, a saturation of 85.8% and a lightness of 44.3%. #10bad2 color hex could be obtained by blending #20ffff with #0075a5. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 6
- G 73
- B 82
RGB color chart
- C 92
- M 11
- Y 0
- K 18
CMYK color chart

● #10bad2 color description : Strong cyan.

The hexadecimal color #10bad2 has RGB values of R:16, G:186, B:210 and CMYK values of C:0.92, M:0.11, Y:0, K:0.18. Its decimal value is 1096402.

Hex triplet	10bad2	`#10bad2`
RGB Decimal	16, 186, 210	`rgb(16,186,210)`
RGB Percent	6.3, 72.9, 82.4	`rgb(6.3%,72.9%,82.4%)`
CMYK	92, 11, 0, 18
HSL	187.4°, 85.8, 44.3	`hsl(187.4,85.8%,44.3%)`
HSV (or HSB)	187.4°, 92.4, 82.4
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.383, -29.873, -22.999
XYZ	29.402, 39.878, 67.117
xyY	0.216, 0.292, 39.878
CIE-LCH	69.383, 37.701, 217.593
CIE-LUV	69.383, -50.474, -31.895
Hunter-Lab	63.149, -27.402, -18.811
Binary	00010000, 10111010, 11010010

#10bad2
```
#10bad2 rgb(16,186,210)
```
#d22810
```
#d22810 rgb(210,40,16)
```

Complementary Color

#10d289
```
#10d289 rgb(16,210,137)
```
#10bad2
```
#10bad2 rgb(16,186,210)
```
#1059d2
```
#1059d2 rgb(16,89,210)
```

Analogous Color

#d28910
```
#d28910 rgb(210,137,16)
```
#10bad2
```
#10bad2 rgb(16,186,210)
```
#d21059
```
#d21059 rgb(210,16,89)
```

Split Complementary Color

#bad210
```
#bad210 rgb(186,210,16)
```
#10bad2
```
#10bad2 rgb(16,186,210)
```
#d210ba
```
#d210ba rgb(210,16,186)
```

Triadic Color

#10d228
```
#10d228 rgb(16,210,40)
```
#10bad2
```
#10bad2 rgb(16,186,210)
```
#d210ba
```
#d210ba rgb(210,16,186)
```
#d22810
```
#d22810 rgb(210,40,16)
```

Tetradic Color

#0b7b8b
```
#0b7b8b rgb(11,123,139)
```
#0c90a3
```
#0c90a3 rgb(12,144,163)
```
#0ea5ba
```
#0ea5ba rgb(14,165,186)
```
#10bad2
```
#10bad2 rgb(16,186,210)
```
#12cfea
```
#12cfea rgb(18,207,234)
```
#26d6ef
```
#26d6ef rgb(38,214,239)
```
#3edaf0
```
#3edaf0 rgb(62,218,240)
```

Monochromatic Color

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

#10d2ba
```
#10d2ba rgb(16,210,186)
```
#10d2ca
```
#10d2ca rgb(16,210,202)
```
#10cad2
```
#10cad2 rgb(16,202,210)
```
#10bad2
```
#10bad2 rgb(16,186,210)
```
#10aad2
```
#10aad2 rgb(16,170,210)
```
#109ad2
```
#109ad2 rgb(16,154,210)
```
#108ad2
```
#108ad2 rgb(16,138,210)
```

Similar Colors

Text with hexadecimal color #10bad2

This text has a font color of #10bad2.

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

#10bad2 background color

This paragraph has a background color of #10bad2.

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

#10bad2 border color

This element has a border color of #10bad2.

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

CSS codes

.text {color:#10bad2;}

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

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

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, #01080a is the darkest color, while #f6fdfe is the lightest one.

#01080a
```
#01080a rgb(1,8,10)
```
#02191c
```
#02191c rgb(2,25,28)
```
#04292e
```
#04292e rgb(4,41,46)
```
#053940
```
#053940 rgb(5,57,64)
```
#064952
```
#064952 rgb(6,73,82)
```
#085965
```
#085965 rgb(8,89,101)
```
#096977
```
#096977 rgb(9,105,119)
```
#0a7989
```
#0a7989 rgb(10,121,137)
```
#0c8a9b
```
#0c8a9b rgb(12,138,155)
```
#0d9aae
```
#0d9aae rgb(13,154,174)
```
#0faac0
```
#0faac0 rgb(15,170,192)
```
#10bad2
```
#10bad2 rgb(16,186,210)
```
#11cae4
```
#11cae4 rgb(17,202,228)
```

Shade Color Variation

#1cd4ee
```
#1cd4ee rgb(28,212,238)
```
#2ed7ef
```
#2ed7ef rgb(46,215,239)
```
#40dbf0
```
#40dbf0 rgb(64,219,240)
```
#52def2
```
#52def2 rgb(82,222,242)
```
#64e2f3
```
#64e2f3 rgb(100,226,243)
```
#77e5f5
```
#77e5f5 rgb(119,229,245)
```
#89e9f6
```
#89e9f6 rgb(137,233,246)
```
#9becf7
```
#9becf7 rgb(155,236,247)
```
#adeff9
```
#adeff9 rgb(173,239,249)
```
#c0f3fa
```
#c0f3fa rgb(192,243,250)
```
#d2f6fc
```
#d2f6fc rgb(210,246,252)
```
#e4fafd
```
#e4fafd rgb(228,250,253)
```
#f6fdfe
```
#f6fdfe rgb(246,253,254)
```

Tint Color Variation

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

#707272
```
#707272 rgb(112,114,114)
```
#67797b
```
#67797b rgb(103,121,123)
```
#5e7f84
```
#5e7f84 rgb(94,127,132)
```
#56868c
```
#56868c rgb(86,134,140)
```
#4d8c95
```
#4d8c95 rgb(77,140,149)
```
#44939e
```
#44939e rgb(68,147,158)
```
#3b99a7
```
#3b99a7 rgb(59,153,167)
```
#33a0af
```
#33a0af rgb(51,160,175)
```
#2aa6b8
```
#2aa6b8 rgb(42,166,184)
```
#21adc1
```
#21adc1 rgb(33,173,193)
```
#19b3c9
```
#19b3c9 rgb(25,179,201)
```
#10bad2
```
#10bad2 rgb(16,186,210)
```
#07c1db
```
#07c1db rgb(7,193,219)
```

Tone Color Variation

Below, you can see how #10bad2 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

#8a8a8a Achromatopsia 0.005% of the population
#729498 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7acc9 Protanopia 1% of men
#a4abdb Deuteranopia 1% of men
#00becc Tritanopia 0.001% of the population

Trichromacy

#70b1cc Protanomaly 1% of men, 0.01% of women
#6eb0d8 Deuteranomaly 6% of men, 0.4% of women
#05bdce Tritanomaly 0.01% of the population

#10bad2 hex color

#10bad2 Color Information

#10bad2 Color Conversion

Color Schemes with #10bad2

Alternatives to #10bad2

#10bad2 Preview

Shades and Tints of #10bad2

Tones of #10bad2

Color Blindness Simulator