colorhexa.com

#10b5dc hex color

In a RGB color space, hex #10b5dc is composed of 6.3% red, 71% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 92.7% cyan, 17.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 191.5 degrees, a saturation of 86.4% and a lightness of 46.3%. #10b5dc color hex could be obtained by blending #20ffff with #006bb9. Closest websafe color is: #00cccc.

- R 6
- G 71
- B 86
RGB color chart
- C 93
- M 18
- Y 0
- K 14
CMYK color chart

● #10b5dc color description : Vivid cyan.

The hexadecimal color #10b5dc has RGB values of R:16, G:181, B:220 and CMYK values of C:0.93, M:0.18, Y:0, K:0.14. Its decimal value is 1095132.

Hex triplet	10b5dc	`#10b5dc`
RGB Decimal	16, 181, 220	`rgb(16,181,220)`
RGB Percent	6.3, 71, 86.3	`rgb(6.3%,71%,86.3%)`
CMYK	93, 18, 0, 14
HSL	191.5°, 86.4, 46.3	`hsl(191.5,86.4%,46.3%)`
HSV (or HSB)	191.5°, 92.7, 86.3
Web Safe	00cccc	`#00cccc`

CIE-LAB	68.257, -24.067, -30.205
XYZ	29.652, 38.322, 73.54
xyY	0.21, 0.271, 38.322
CIE-LCH	68.257, 38.62, 231.453
CIE-LUV	68.257, -47.996, -44.66
Hunter-Lab	61.905, -22.833, -27.1
Binary	00010000, 10110101, 11011100

#10b5dc
```
#10b5dc rgb(16,181,220)
```
#dc3710
```
#dc3710 rgb(220,55,16)
```

Complementary Color

#10dc9d
```
#10dc9d rgb(16,220,157)
```
#10b5dc
```
#10b5dc rgb(16,181,220)
```
#104fdc
```
#104fdc rgb(16,79,220)
```

Analogous Color

#dc9d10
```
#dc9d10 rgb(220,157,16)
```
#10b5dc
```
#10b5dc rgb(16,181,220)
```
#dc104f
```
#dc104f rgb(220,16,79)
```

Split Complementary Color

#b5dc10
```
#b5dc10 rgb(181,220,16)
```
#10b5dc
```
#10b5dc rgb(16,181,220)
```
#dc10b5
```
#dc10b5 rgb(220,16,181)
```

Triadic Color

#10dc37
```
#10dc37 rgb(16,220,55)
```
#10b5dc
```
#10b5dc rgb(16,181,220)
```
#dc10b5
```
#dc10b5 rgb(220,16,181)
```
#dc3710
```
#dc3710 rgb(220,55,16)
```

Tetradic Color

#0b7a95
```
#0b7a95 rgb(11,122,149)
```
#0d8eac
```
#0d8eac rgb(13,142,172)
```
#0ea1c4
```
#0ea1c4 rgb(14,161,196)
```
#10b5dc
```
#10b5dc rgb(16,181,220)
```
#17c5ee
```
#17c5ee rgb(23,197,238)
```
#2fcbf0
```
#2fcbf0 rgb(47,203,240)
```
#47d1f2
```
#47d1f2 rgb(71,209,242)
```

Monochromatic Color

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

#10dcd0
```
#10dcd0 rgb(16,220,208)
```
#10d7dc
```
#10d7dc rgb(16,215,220)
```
#10c6dc
```
#10c6dc rgb(16,198,220)
```
#10b5dc
```
#10b5dc rgb(16,181,220)
```
#10a4dc
```
#10a4dc rgb(16,164,220)
```
#1093dc
```
#1093dc rgb(16,147,220)
```
#1082dc
```
#1082dc rgb(16,130,220)
```

Similar Colors

Text with hexadecimal color #10b5dc

This text has a font color of #10b5dc.

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

#10b5dc background color

This paragraph has a background color of #10b5dc.

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

#10b5dc border color

This element has a border color of #10b5dc.

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

CSS codes

.text {color:#10b5dc;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#011013
```
#011013 rgb(1,16,19)
```
#031f25
```
#031f25 rgb(3,31,37)
```
#042e37
```
#042e37 rgb(4,46,55)
```
#053d4a
```
#053d4a rgb(5,61,74)
```
#074c5c
```
#074c5c rgb(7,76,92)
```
#085b6e
```
#085b6e rgb(8,91,110)
```
#096a81
```
#096a81 rgb(9,106,129)
```
#0b7993
```
#0b7993 rgb(11,121,147)
```
#0c88a5
```
#0c88a5 rgb(12,136,165)
```
#0d97b7
```
#0d97b7 rgb(13,151,183)
```
#0fa6ca
```
#0fa6ca rgb(15,166,202)
```
#10b5dc
```
#10b5dc rgb(16,181,220)
```

Shade Color Variation

#12c4ee
```
#12c4ee rgb(18,196,238)
```
#24c8ef
```
#24c8ef rgb(36,200,239)
```
#36cdf0
```
#36cdf0 rgb(54,205,240)
```
#49d1f2
```
#49d1f2 rgb(73,209,242)
```
#5bd6f3
```
#5bd6f3 rgb(91,214,243)
```
#6ddbf4
```
#6ddbf4 rgb(109,219,244)
```
#80dff6
```
#80dff6 rgb(128,223,246)
```
#92e4f7
```
#92e4f7 rgb(146,228,247)
```
#a4e8f8
```
#a4e8f8 rgb(164,232,248)
```
#b6edfa
```
#b6edfa rgb(182,237,250)
```
#c9f1fb
```
#c9f1fb rgb(201,241,251)
```
#dbf6fc
```
#dbf6fc rgb(219,246,252)
```
#edfbfe
```
#edfbfe rgb(237,251,254)
```

Tint Color Variation

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

#747778
```
#747778 rgb(116,119,120)
```
#6b7d81
```
#6b7d81 rgb(107,125,129)
```
#62838a
```
#62838a rgb(98,131,138)
```
#598893
```
#598893 rgb(89,136,147)
```
#508e9c
```
#508e9c rgb(80,142,156)
```
#4693a6
```
#4693a6 rgb(70,147,166)
```
#3d99af
```
#3d99af rgb(61,153,175)
```
#349fb8
```
#349fb8 rgb(52,159,184)
```
#2ba4c1
```
#2ba4c1 rgb(43,164,193)
```
#22aaca
```
#22aaca rgb(34,170,202)
```
#19afd3
```
#19afd3 rgb(25,175,211)
```
#10b5dc
```
#10b5dc rgb(16,181,220)
```
#07bbe5
```
#07bbe5 rgb(7,187,229)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#709199 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fa9d3 Protanopia 1% of men
#97a9e4 Deuteranopia 1% of men
#00bbc8 Tritanopia 0.001% of the population

Trichromacy

#6badd6 Protanomaly 1% of men, 0.01% of women
#66ade1 Deuteranomaly 6% of men, 0.4% of women
#05b9cf Tritanomaly 0.01% of the population