#10bad9 hex color

In a RGB color space, hex #10bad9 is composed of 6.3% red, 72.9% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 92.6% cyan, 14.3% magenta, 0% yellow and 14.9% black. It has a hue angle of 189.3 degrees, a saturation of 86.3% and a lightness of 45.7%. #10bad9 color hex could be obtained by blending #20ffff with #0075b3. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 6
- G 73
- B 85
RGB color chart
- C 93
- M 14
- Y 0
- K 15
CMYK color chart

● #10bad9 color description : Vivid cyan.

The hexadecimal color #10bad9 has RGB values of R:16, G:186, B:217 and CMYK values of C:0.93, M:0.14, Y:0, K:0.15. Its decimal value is 1096409.

Hex triplet	10bad9	`#10bad9`
RGB Decimal	16, 186, 217	`rgb(16,186,217)`
RGB Percent	6.3, 72.9, 85.1	`rgb(6.3%,72.9%,85.1%)`
CMYK	93, 14, 0, 15
HSL	189.3°, 86.3, 45.7	`hsl(189.3,86.3%,45.7%)`
HSV (or HSB)	189.3°, 92.6, 85.1
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.636, -27.583, -26.441
XYZ	30.293, 40.235, 71.811
xyY	0.213, 0.283, 40.235
CIE-LCH	69.636, 38.21, 223.789
CIE-LUV	69.636, -49.931, -37.971
Hunter-Lab	63.431, -25.755, -22.722
Binary	00010000, 10111010, 11011001

#10bad9
```
#10bad9 rgb(16,186,217)
```
#d92f10
```
#d92f10 rgb(217,47,16)
```

Complementary Color

#10d994
```
#10d994 rgb(16,217,148)
```
#10bad9
```
#10bad9 rgb(16,186,217)
```
#1056d9
```
#1056d9 rgb(16,86,217)
```

Analogous Color

#d99410
```
#d99410 rgb(217,148,16)
```
#10bad9
```
#10bad9 rgb(16,186,217)
```
#d91056
```
#d91056 rgb(217,16,86)
```

Split Complementary Color

#bad910
```
#bad910 rgb(186,217,16)
```
#10bad9
```
#10bad9 rgb(16,186,217)
```
#d910ba
```
#d910ba rgb(217,16,186)
```

Triadic Color

#10d92f
```
#10d92f rgb(16,217,47)
```
#10bad9
```
#10bad9 rgb(16,186,217)
```
#d910ba
```
#d910ba rgb(217,16,186)
```
#d92f10
```
#d92f10 rgb(217,47,16)
```

Tetradic Color

#0b7d92
```
#0b7d92 rgb(11,125,146)
```
#0c91aa
```
#0c91aa rgb(12,145,170)
```
#0ea6c1
```
#0ea6c1 rgb(14,166,193)
```
#10bad9
```
#10bad9 rgb(16,186,217)
```
#15ccee
```
#15ccee rgb(21,204,238)
```
#2dd1ef
```
#2dd1ef rgb(45,209,239)
```
#44d7f1
```
#44d7f1 rgb(68,215,241)
```

Monochromatic Color

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

#10d9c6
```
#10d9c6 rgb(16,217,198)
```
#10d9d7
```
#10d9d7 rgb(16,217,215)
```
#10cbd9
```
#10cbd9 rgb(16,203,217)
```
#10bad9
```
#10bad9 rgb(16,186,217)
```
#10a9d9
```
#10a9d9 rgb(16,169,217)
```
#1099d9
```
#1099d9 rgb(16,153,217)
```
#1088d9
```
#1088d9 rgb(16,136,217)
```

Similar Colors

Text with hexadecimal color #10bad9

This text has a font color of #10bad9.

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

#10bad9 background color

This paragraph has a background color of #10bad9.

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

#10bad9 border color

This element has a border color of #10bad9.

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

CSS codes

.text {color:#10bad9;}

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

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

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, #010e10 is the darkest color, while #fdffff is the lightest one.

#010e10
```
#010e10 rgb(1,14,16)
```
#031d22
```
#031d22 rgb(3,29,34)
```
#042d35
```
#042d35 rgb(4,45,53)
```
#053d47
```
#053d47 rgb(5,61,71)
```
#074c59
```
#074c59 rgb(7,76,89)
```
#085c6b
```
#085c6b rgb(8,92,107)
```
#096c7e
```
#096c7e rgb(9,108,126)
```
#0b7b90
```
#0b7b90 rgb(11,123,144)
```
#0c8ba2
```
#0c8ba2 rgb(12,139,162)
```
#0d9bb4
```
#0d9bb4 rgb(13,155,180)
```
#0faac7
```
#0faac7 rgb(15,170,199)
```
#10bad9
```
#10bad9 rgb(16,186,217)
```
#11caeb
```
#11caeb rgb(17,202,235)
```

Shade Color Variation

#22cfef
```
#22cfef rgb(34,207,239)
```
#34d3f0
```
#34d3f0 rgb(52,211,240)
```
#46d7f1
```
#46d7f1 rgb(70,215,241)
```
#58dbf3
```
#58dbf3 rgb(88,219,243)
```
#6bdff4
```
#6bdff4 rgb(107,223,244)
```
#7de3f5
```
#7de3f5 rgb(125,227,245)
```
#8fe7f7
```
#8fe7f7 rgb(143,231,247)
```
#a1ebf8
```
#a1ebf8 rgb(161,235,248)
```
#b4eff9
```
#b4eff9 rgb(180,239,249)
```
#c6f3fb
```
#c6f3fb rgb(198,243,251)
```
#d8f7fc
```
#d8f7fc rgb(216,247,252)
```
#ebfbfd
```
#ebfbfd rgb(235,251,253)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#737676
```
#737676 rgb(115,118,118)
```
#6a7c7f
```
#6a7c7f rgb(106,124,127)
```
#618288
```
#618288 rgb(97,130,136)
```
#588891
```
#588891 rgb(88,136,145)
```
#4f8f9a
```
#4f8f9a rgb(79,143,154)
```
#4695a3
```
#4695a3 rgb(70,149,163)
```
#3d9bac
```
#3d9bac rgb(61,155,172)
```
#34a1b5
```
#34a1b5 rgb(52,161,181)
```
#2ba7be
```
#2ba7be rgb(43,167,190)
```
#22aec7
```
#22aec7 rgb(34,174,199)
```
#19b4d0
```
#19b4d0 rgb(25,180,208)
```
#10bad9
```
#10bad9 rgb(16,186,217)
```
#07c0e2
```
#07c0e2 rgb(7,192,226)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#72949b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6acd0 Protanopia 1% of men
#a0ace1 Deuteranopia 1% of men
#00bfcd Tritanopia 0.001% of the population

Trichromacy

#6fb1d3 Protanomaly 1% of men, 0.01% of women
#6cb1de Deuteranomaly 6% of men, 0.4% of women
#05bdd1 Tritanomaly 0.01% of the population

#10bad9 hex color

#10bad9 Color Information

#10bad9 Color Conversion

Color Schemes with #10bad9

Alternatives to #10bad9

#10bad9 Preview

Shades and Tints of #10bad9

Tones of #10bad9

Color Blindness Simulator