#10a5dc hex color

In a RGB color space, hex #10a5dc is composed of 6.3% red, 64.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 92.7% cyan, 25% magenta, 0% yellow and 13.7% black. It has a hue angle of 196.2 degrees, a saturation of 86.4% and a lightness of 46.3%. #10a5dc color hex could be obtained by blending #20ffff with #004bb9. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 6
- G 65
- B 86
RGB color chart
- C 93
- M 25
- Y 0
- K 14
CMYK color chart

● #10a5dc color description : Vivid blue.

The hexadecimal color #10a5dc has RGB values of R:16, G:165, B:220 and CMYK values of C:0.93, M:0.25, Y:0, K:0.14. Its decimal value is 1091036.

Hex triplet	10a5dc	`#10a5dc`
RGB Decimal	16, 165, 220	`rgb(16,165,220)`
RGB Percent	6.3, 64.7, 86.3	`rgb(6.3%,64.7%,86.3%)`
CMYK	93, 25, 0, 14
HSL	196.2°, 86.4, 46.3	`hsl(196.2,86.4%,46.3%)`
HSV (or HSB)	196.2°, 92.7, 86.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	63.496, -15.667, -37.598
XYZ	26.584, 32.185, 72.517
xyY	0.202, 0.245, 32.185
CIE-LCH	63.496, 40.731, 247.378
CIE-LUV	63.496, -42.557, -57.656
Hunter-Lab	56.732, -15.639, -36.075
Binary	00010000, 10100101, 11011100

#10a5dc
```
#10a5dc rgb(16,165,220)
```
#dc4710
```
#dc4710 rgb(220,71,16)
```

Complementary Color

#10dcad
```
#10dcad rgb(16,220,173)
```
#10a5dc
```
#10a5dc rgb(16,165,220)
```
#103fdc
```
#103fdc rgb(16,63,220)
```

Analogous Color

#dcad10
```
#dcad10 rgb(220,173,16)
```
#10a5dc
```
#10a5dc rgb(16,165,220)
```
#dc103f
```
#dc103f rgb(220,16,63)
```

Split Complementary Color

#a5dc10
```
#a5dc10 rgb(165,220,16)
```
#10a5dc
```
#10a5dc rgb(16,165,220)
```
#dc10a5
```
#dc10a5 rgb(220,16,165)
```

Triadic Color

#10dc47
```
#10dc47 rgb(16,220,71)
```
#10a5dc
```
#10a5dc rgb(16,165,220)
```
#dc10a5
```
#dc10a5 rgb(220,16,165)
```
#dc4710
```
#dc4710 rgb(220,71,16)
```

Tetradic Color

#0b7095
```
#0b7095 rgb(11,112,149)
```
#0d81ac
```
#0d81ac rgb(13,129,172)
```
#0e93c4
```
#0e93c4 rgb(14,147,196)
```
#10a5dc
```
#10a5dc rgb(16,165,220)
```
#17b4ee
```
#17b4ee rgb(23,180,238)
```
#2fbcf0
```
#2fbcf0 rgb(47,188,240)
```
#47c4f2
```
#47c4f2 rgb(71,196,242)
```

Monochromatic Color

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

#10d8dc
```
#10d8dc rgb(16,216,220)
```
#10c7dc
```
#10c7dc rgb(16,199,220)
```
#10b6dc
```
#10b6dc rgb(16,182,220)
```
#10a5dc
```
#10a5dc rgb(16,165,220)
```
#1094dc
```
#1094dc rgb(16,148,220)
```
#1083dc
```
#1083dc rgb(16,131,220)
```
#1072dc
```
#1072dc rgb(16,114,220)
```

Similar Colors

Text with hexadecimal color #10a5dc

This text has a font color of #10a5dc.

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

#10a5dc background color

This paragraph has a background color of #10a5dc.

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

#10a5dc border color

This element has a border color of #10a5dc.

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

CSS codes

.text {color:#10a5dc;}

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

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

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 #edf9fe is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#010e13
```
#010e13 rgb(1,14,19)
```
#031c25
```
#031c25 rgb(3,28,37)
```
#042a37
```
#042a37 rgb(4,42,55)
```
#05374a
```
#05374a rgb(5,55,74)
```
#07455c
```
#07455c rgb(7,69,92)
```
#08536e
```
#08536e rgb(8,83,110)
```
#096081
```
#096081 rgb(9,96,129)
```
#0b6e93
```
#0b6e93 rgb(11,110,147)
```
#0c7ca5
```
#0c7ca5 rgb(12,124,165)
```
#0d8ab7
```
#0d8ab7 rgb(13,138,183)
```
#0f97ca
```
#0f97ca rgb(15,151,202)
```
#10a5dc
```
#10a5dc rgb(16,165,220)
```

Shade Color Variation

#12b2ee
```
#12b2ee rgb(18,178,238)
```
#24b8ef
```
#24b8ef rgb(36,184,239)
```
#36bef0
```
#36bef0 rgb(54,190,240)
```
#49c4f2
```
#49c4f2 rgb(73,196,242)
```
#5bcaf3
```
#5bcaf3 rgb(91,202,243)
```
#6dd0f4
```
#6dd0f4 rgb(109,208,244)
```
#80d6f6
```
#80d6f6 rgb(128,214,246)
```
#92dcf7
```
#92dcf7 rgb(146,220,247)
```
#a4e2f8
```
#a4e2f8 rgb(164,226,248)
```
#b6e8fa
```
#b6e8fa rgb(182,232,250)
```
#c9edfb
```
#c9edfb rgb(201,237,251)
```
#dbf3fc
```
#dbf3fc rgb(219,243,252)
```
#edf9fe
```
#edf9fe rgb(237,249,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 #07a9e5 is the most saturated one.

#747778
```
#747778 rgb(116,119,120)
```
#6b7b81
```
#6b7b81 rgb(107,123,129)
```
#627f8a
```
#627f8a rgb(98,127,138)
```
#598493
```
#598493 rgb(89,132,147)
```
#50889c
```
#50889c rgb(80,136,156)
```
#468ca6
```
#468ca6 rgb(70,140,166)
```
#3d90af
```
#3d90af rgb(61,144,175)
```
#3494b8
```
#3494b8 rgb(52,148,184)
```
#2b98c1
```
#2b98c1 rgb(43,152,193)
```
#229dca
```
#229dca rgb(34,157,202)
```
#19a1d3
```
#19a1d3 rgb(25,161,211)
```
#10a5dc
```
#10a5dc rgb(16,165,220)
```
#07a9e5
```
#07a9e5 rgb(7,169,229)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#698792 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d9dd4 Protanopia 1% of men
#7f9ee2 Deuteranopia 1% of men
#00aeba Tritanopia 0.001% of the population

Trichromacy

#5f9fd7 Protanomaly 1% of men, 0.01% of women
#56a0e0 Deuteranomaly 6% of men, 0.4% of women
#05abc6 Tritanomaly 0.01% of the population

#10a5dc hex color

#10a5dc Color Information

#10a5dc Color Conversion

Color Schemes with #10a5dc

Alternatives to #10a5dc

#10a5dc Preview

Shades and Tints of #10a5dc

Tones of #10a5dc

Color Blindness Simulator