#10bad1 hex color

In a RGB color space, hex #10bad1 is composed of 6.3% red, 72.9% green and 82% blue. Whereas in a CMYK color space, it is composed of 92.3% cyan, 11% magenta, 0% yellow and 18% black. It has a hue angle of 187.2 degrees, a saturation of 85.8% and a lightness of 44.1%. #10bad1 color hex could be obtained by blending #20ffff with #0075a3. 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

● #10bad1 color description : Strong cyan.

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

Hex triplet	10bad1	`#10bad1`
RGB Decimal	16, 186, 209	`rgb(16,186,209)`
RGB Percent	6.3, 72.9, 82	`rgb(6.3%,72.9%,82%)`
CMYK	92, 11, 0, 18
HSL	187.2°, 85.8, 44.1	`hsl(187.2,85.8%,44.1%)`
HSV (or HSB)	187.2°, 92.3, 82
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.347, -30.197, -22.506
XYZ	29.278, 39.828, 66.463
xyY	0.216, 0.294, 39.828
CIE-LCH	69.347, 37.661, 216.697
CIE-LUV	69.347, -50.552, -31.029
Hunter-Lab	63.11, -27.632, -18.263
Binary	00010000, 10111010, 11010001

#10bad1
```
#10bad1 rgb(16,186,209)
```
#d12710
```
#d12710 rgb(209,39,16)
```

Complementary Color

#10d188
```
#10d188 rgb(16,209,136)
```
#10bad1
```
#10bad1 rgb(16,186,209)
```
#1059d1
```
#1059d1 rgb(16,89,209)
```

Analogous Color

#d18810
```
#d18810 rgb(209,136,16)
```
#10bad1
```
#10bad1 rgb(16,186,209)
```
#d11059
```
#d11059 rgb(209,16,89)
```

Split Complementary Color

#bad110
```
#bad110 rgb(186,209,16)
```
#10bad1
```
#10bad1 rgb(16,186,209)
```
#d110ba
```
#d110ba rgb(209,16,186)
```

Triadic Color

#10d127
```
#10d127 rgb(16,209,39)
```
#10bad1
```
#10bad1 rgb(16,186,209)
```
#d110ba
```
#d110ba rgb(209,16,186)
```
#d12710
```
#d12710 rgb(209,39,16)
```

Tetradic Color

#0b7b8a
```
#0b7b8a rgb(11,123,138)
```
#0c90a2
```
#0c90a2 rgb(12,144,162)
```
#0ea5b9
```
#0ea5b9 rgb(14,165,185)
```
#10bad1
```
#10bad1 rgb(16,186,209)
```
#12cfe9
```
#12cfe9 rgb(18,207,233)
```
#26d6ee
```
#26d6ee rgb(38,214,238)
```
#3ddbf0
```
#3ddbf0 rgb(61,219,240)
```

Monochromatic Color

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

#10d1b8
```
#10d1b8 rgb(16,209,184)
```
#10d1c8
```
#10d1c8 rgb(16,209,200)
```
#10cad1
```
#10cad1 rgb(16,202,209)
```
#10bad1
```
#10bad1 rgb(16,186,209)
```
#10aad1
```
#10aad1 rgb(16,170,209)
```
#109ad1
```
#109ad1 rgb(16,154,209)
```
#108ad1
```
#108ad1 rgb(16,138,209)
```

Similar Colors

Text with hexadecimal color #10bad1

This text has a font color of #10bad1.

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

#10bad1 background color

This paragraph has a background color of #10bad1.

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

#10bad1 border color

This element has a border color of #10bad1.

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

CSS codes

.text {color:#10bad1;}

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

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

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

#010809
```
#010809 rgb(1,8,9)
```
#02181b
```
#02181b rgb(2,24,27)
```
#03282d
```
#03282d rgb(3,40,45)
```
#05383f
```
#05383f rgb(5,56,63)
```
#064851
```
#064851 rgb(6,72,81)
```
#085964
```
#085964 rgb(8,89,100)
```
#096976
```
#096976 rgb(9,105,118)
```
#0a7988
```
#0a7988 rgb(10,121,136)
```
#0c899a
```
#0c899a rgb(12,137,154)
```
#0d9aad
```
#0d9aad rgb(13,154,173)
```
#0faabf
```
#0faabf rgb(15,170,191)
```
#10bad1
```
#10bad1 rgb(16,186,209)
```
#11cae3
```
#11cae3 rgb(17,202,227)
```

Shade Color Variation

#1bd4ee
```
#1bd4ee rgb(27,212,238)
```
#2dd8ef
```
#2dd8ef rgb(45,216,239)
```
#3fdbf0
```
#3fdbf0 rgb(63,219,240)
```
#51dff2
```
#51dff2 rgb(81,223,242)
```
#64e2f3
```
#64e2f3 rgb(100,226,243)
```
#76e5f4
```
#76e5f4 rgb(118,229,244)
```
#88e9f6
```
#88e9f6 rgb(136,233,246)
```
#9aecf7
```
#9aecf7 rgb(154,236,247)
```
#acf0f9
```
#acf0f9 rgb(172,240,249)
```
#bff3fa
```
#bff3fa rgb(191,243,250)
```
#d1f6fb
```
#d1f6fb rgb(209,246,251)
```
#e3fafd
```
#e3fafd rgb(227,250,253)
```
#f5fdfe
```
#f5fdfe rgb(245,253,254)
```

Tint Color Variation

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

#6f7172
```
#6f7172 rgb(111,113,114)
```
#67787a
```
#67787a rgb(103,120,122)
```
#5e7f83
```
#5e7f83 rgb(94,127,131)
```
#55858c
```
#55858c rgb(85,133,140)
```
#4d8c94
```
#4d8c94 rgb(77,140,148)
```
#44929d
```
#44929d rgb(68,146,157)
```
#3b99a6
```
#3b99a6 rgb(59,153,166)
```
#33a0ae
```
#33a0ae rgb(51,160,174)
```
#2aa6b7
```
#2aa6b7 rgb(42,166,183)
```
#21adc0
```
#21adc0 rgb(33,173,192)
```
#19b3c8
```
#19b3c8 rgb(25,179,200)
```
#10bad1
```
#10bad1 rgb(16,186,209)
```
#07c1da
```
#07c1da rgb(7,193,218)
```

Tone Color Variation

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

#a7acc8 Protanopia 1% of men
#a4aada Deuteranopia 1% of men
#00becc Tritanopia 0.001% of the population

Trichromacy

#70b1cb Protanomaly 1% of men, 0.01% of women
#6eb0d7 Deuteranomaly 6% of men, 0.4% of women
#05bcce Tritanomaly 0.01% of the population

#10bad1 hex color

#10bad1 Color Information

#10bad1 Color Conversion

Color Schemes with #10bad1

Alternatives to #10bad1

#10bad1 Preview

Shades and Tints of #10bad1

Tones of #10bad1

Color Blindness Simulator