colorhexa.com

#10a2d4 hex color

In a RGB color space, hex #10a2d4 is composed of 6.3% red, 63.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 92.5% cyan, 23.6% magenta, 0% yellow and 16.9% black. It has a hue angle of 195.3 degrees, a saturation of 86% and a lightness of 44.7%. #10a2d4 color hex could be obtained by blending #20ffff with #0045a9. Closest websafe color is: #0099cc.

- R 6
- G 64
- B 83
RGB color chart
- C 92
- M 24
- Y 0
- K 17
CMYK color chart

● #10a2d4 color description : Strong blue.

The hexadecimal color #10a2d4 has RGB values of R:16, G:162, B:212 and CMYK values of C:0.92, M:0.24, Y:0, K:0.17. Its decimal value is 1090260.

Hex triplet	10a2d4	`#10a2d4`
RGB Decimal	16, 162, 212	`rgb(16,162,212)`
RGB Percent	6.3, 63.5, 83.1	`rgb(6.3%,63.5%,83.1%)`
CMYK	92, 24, 0, 17
HSL	195.3°, 86, 44.7	`hsl(195.3,86%,44.7%)`
HSV (or HSB)	195.3°, 92.5, 83.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.255, -16.885, -35.097
XYZ	25.015, 30.702, 66.891
xyY	0.204, 0.25, 30.702
CIE-LCH	62.255, 38.948, 244.308
CIE-LUV	62.255, -42.107, -53.147
Hunter-Lab	55.409, -16.382, -32.79
Binary	00010000, 10100010, 11010100

#10a2d4
```
#10a2d4 rgb(16,162,212)
```
#d44210
```
#d44210 rgb(212,66,16)
```

Complementary Color

#10d4a4
```
#10d4a4 rgb(16,212,164)
```
#10a2d4
```
#10a2d4 rgb(16,162,212)
```
#1040d4
```
#1040d4 rgb(16,64,212)
```

Analogous Color

#d4a410
```
#d4a410 rgb(212,164,16)
```
#10a2d4
```
#10a2d4 rgb(16,162,212)
```
#d41040
```
#d41040 rgb(212,16,64)
```

Split Complementary Color

#a2d410
```
#a2d410 rgb(162,212,16)
```
#10a2d4
```
#10a2d4 rgb(16,162,212)
```
#d410a2
```
#d410a2 rgb(212,16,162)
```

Triadic Color

#10d442
```
#10d442 rgb(16,212,66)
```
#10a2d4
```
#10a2d4 rgb(16,162,212)
```
#d410a2
```
#d410a2 rgb(212,16,162)
```
#d44210
```
#d44210 rgb(212,66,16)
```

Tetradic Color

#0b6c8d
```
#0b6c8d rgb(11,108,141)
```
#0c7ea5
```
#0c7ea5 rgb(12,126,165)
```
#0e90bc
```
#0e90bc rgb(14,144,188)
```
#10a2d4
```
#10a2d4 rgb(16,162,212)
```
#12b4ec
```
#12b4ec rgb(18,180,236)
```
#28bcef
```
#28bcef rgb(40,188,239)
```
#40c4f1
```
#40c4f1 rgb(64,196,241)
```

Monochromatic Color

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

#10d3d4
```
#10d3d4 rgb(16,211,212)
```
#10c3d4
```
#10c3d4 rgb(16,195,212)
```
#10b2d4
```
#10b2d4 rgb(16,178,212)
```
#10a2d4
```
#10a2d4 rgb(16,162,212)
```
#1092d4
```
#1092d4 rgb(16,146,212)
```
#1081d4
```
#1081d4 rgb(16,129,212)
```
#1071d4
```
#1071d4 rgb(16,113,212)
```

Similar Colors

Text with hexadecimal color #10a2d4

This text has a font color of #10a2d4.

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

#10a2d4 background color

This paragraph has a background color of #10a2d4.

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

#10a2d4 border color

This element has a border color of #10a2d4.

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

CSS codes

.text {color:#10a2d4;}

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

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

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, #01090b is the darkest color, while #f8fdfe is the lightest one.

#01090b
```
#01090b rgb(1,9,11)
```
#02171e
```
#02171e rgb(2,23,30)
```
#042530
```
#042530 rgb(4,37,48)
```
#053342
```
#053342 rgb(5,51,66)
```
#064054
```
#064054 rgb(6,64,84)
```
#084e67
```
#084e67 rgb(8,78,103)
```
#095c79
```
#095c79 rgb(9,92,121)
```
#0a6a8b
```
#0a6a8b rgb(10,106,139)
```
#0c789d
```
#0c789d rgb(12,120,157)
```
#0d86b0
```
#0d86b0 rgb(13,134,176)
```
#0f94c2
```
#0f94c2 rgb(15,148,194)
```
#10a2d4
```
#10a2d4 rgb(16,162,212)
```
#11b0e6
```
#11b0e6 rgb(17,176,230)
```

Shade Color Variation

#1db9ee
```
#1db9ee rgb(29,185,238)
```
#30beef
```
#30beef rgb(48,190,239)
```
#42c4f1
```
#42c4f1 rgb(66,196,241)
```
#54caf2
```
#54caf2 rgb(84,202,242)
```
#66cff3
```
#66cff3 rgb(102,207,243)
```
#78d5f5
```
#78d5f5 rgb(120,213,245)
```
#8bdbf6
```
#8bdbf6 rgb(139,219,246)
```
#9de0f8
```
#9de0f8 rgb(157,224,248)
```
#afe6f9
```
#afe6f9 rgb(175,230,249)
```
#c1ecfa
```
#c1ecfa rgb(193,236,250)
```
#d4f2fc
```
#d4f2fc rgb(212,242,252)
```
#e6f7fd
```
#e6f7fd rgb(230,247,253)
```
#f8fdfe
```
#f8fdfe rgb(248,253,254)
```

Tint Color Variation

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

#707374
```
#707374 rgb(112,115,116)
```
#68777c
```
#68777c rgb(104,119,124)
```
#5f7b85
```
#5f7b85 rgb(95,123,133)
```
#56808e
```
#56808e rgb(86,128,142)
```
#4d8497
```
#4d8497 rgb(77,132,151)
```
#45889f
```
#45889f rgb(69,136,159)
```
#3c8da8
```
#3c8da8 rgb(60,141,168)
```
#3391b1
```
#3391b1 rgb(51,145,177)
```
#2a95ba
```
#2a95ba rgb(42,149,186)
```
#2299c2
```
#2299c2 rgb(34,153,194)
```
#199ecb
```
#199ecb rgb(25,158,203)
```
#10a2d4
```
#10a2d4 rgb(16,162,212)
```
#07a6dd
```
#07a6dd rgb(7,166,221)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#66848e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c9acd Protanopia 1% of men
#809adb Deuteranopia 1% of men
#00abb6 Tritanopia 0.001% of the population

Trichromacy

#5f9ccf Protanomaly 1% of men, 0.01% of women
#579dd8 Deuteranomaly 6% of men, 0.4% of women
#05a7c1 Tritanomaly 0.01% of the population