colorhexa.com

#1c86d2 hex color

In a RGB color space, hex #1c86d2 is composed of 11% red, 52.5% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 36.2% magenta, 0% yellow and 17.6% black. It has a hue angle of 205.1 degrees, a saturation of 76.5% and a lightness of 46.7%. #1c86d2 color hex could be obtained by blending #38ffff with #000da5. Closest websafe color is: #3399cc.

- R 11
- G 53
- B 82
RGB color chart
- C 87
- M 36
- Y 0
- K 18
CMYK color chart

● #1c86d2 color description : Strong blue.

The hexadecimal color #1c86d2 has RGB values of R:28, G:134, B:210 and CMYK values of C:0.87, M:0.36, Y:0, K:0.18. Its decimal value is 1869522.

Hex triplet	1c86d2	`#1c86d2`
RGB Decimal	28, 134, 210	`rgb(28,134,210)`
RGB Percent	11, 52.5, 82.4	`rgb(11%,52.5%,82.4%)`
CMYK	87, 36, 0, 18
HSL	205.1°, 76.5, 46.7	`hsl(205.1,76.5%,46.7%)`
HSV (or HSB)	205.1°, 86.7, 82.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.972, -1.099, -46.996
XYZ	20.634, 21.948, 64.118
xyY	0.193, 0.206, 21.948
CIE-LCH	53.972, 47.008, 268.66
CIE-LUV	53.972, -32.008, -72.987
Hunter-Lab	46.849, -3.368, -48.351
Binary	00011100, 10000110, 11010010

#1c86d2
```
#1c86d2 rgb(28,134,210)
```
#d2681c
```
#d2681c rgb(210,104,28)
```

Complementary Color

#1cd2c3
```
#1cd2c3 rgb(28,210,195)
```
#1c86d2
```
#1c86d2 rgb(28,134,210)
```
#1c2bd2
```
#1c2bd2 rgb(28,43,210)
```

Analogous Color

#d2c31c
```
#d2c31c rgb(210,195,28)
```
#1c86d2
```
#1c86d2 rgb(28,134,210)
```
#d21c2b
```
#d21c2b rgb(210,28,43)
```

Split Complementary Color

#86d21c
```
#86d21c rgb(134,210,28)
```
#1c86d2
```
#1c86d2 rgb(28,134,210)
```
#d21c86
```
#d21c86 rgb(210,28,134)
```

Triadic Color

#1cd268
```
#1cd268 rgb(28,210,104)
```
#1c86d2
```
#1c86d2 rgb(28,134,210)
```
#d21c86
```
#d21c86 rgb(210,28,134)
```
#d2681c
```
#d2681c rgb(210,104,28)
```

Tetradic Color

#135b8f
```
#135b8f rgb(19,91,143)
```
#1669a5
```
#1669a5 rgb(22,105,165)
```
#1978bc
```
#1978bc rgb(25,120,188)
```
#1c86d2
```
#1c86d2 rgb(28,134,210)
```
#2693e2
```
#2693e2 rgb(38,147,226)
```
#3c9ee5
```
#3c9ee5 rgb(60,158,229)
```
#53aae8
```
#53aae8 rgb(83,170,232)
```

Monochromatic Color

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

#1cb4d2
```
#1cb4d2 rgb(28,180,210)
```
#1ca4d2
```
#1ca4d2 rgb(28,164,210)
```
#1c95d2
```
#1c95d2 rgb(28,149,210)
```
#1c86d2
```
#1c86d2 rgb(28,134,210)
```
#1c77d2
```
#1c77d2 rgb(28,119,210)
```
#1c68d2
```
#1c68d2 rgb(28,104,210)
```
#1c59d2
```
#1c59d2 rgb(28,89,210)
```

Similar Colors

Text with hexadecimal color #1c86d2

This text has a font color of #1c86d2.

<span style="color:#1c86d2;">Text here</span>

#1c86d2 background color

This paragraph has a background color of #1c86d2.

<p style="background-color:#1c86d2;">Content here</p>

#1c86d2 border color

This element has a border color of #1c86d2.

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

CSS codes

.text {color:#1c86d2;}

.background {background-color:#1c86d2;}

.border {border:1px solid #1c86d2;}

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

#000102
```
#000102 rgb(0,1,2)
```
#030d14
```
#030d14 rgb(3,13,20)
```
#051825
```
#051825 rgb(5,24,37)
```
#072336
```
#072336 rgb(7,35,54)
```
#0a2e48
```
#0a2e48 rgb(10,46,72)
```
#0c3959
```
#0c3959 rgb(12,57,89)
```
#0e446a
```
#0e446a rgb(14,68,106)
```
#104f7b
```
#104f7b rgb(16,79,123)
```
#135a8d
```
#135a8d rgb(19,90,141)
```
#15659e
```
#15659e rgb(21,101,158)
```
#1770af
```
#1770af rgb(23,112,175)
```
#1a7bc1
```
#1a7bc1 rgb(26,123,193)
```
#1c86d2
```
#1c86d2 rgb(28,134,210)
```

Shade Color Variation

#2091e1
```
#2091e1 rgb(32,145,225)
```
#3299e4
```
#3299e4 rgb(50,153,228)
```
#43a2e6
```
#43a2e6 rgb(67,162,230)
```
#54aae8
```
#54aae8 rgb(84,170,232)
```
#66b3eb
```
#66b3eb rgb(102,179,235)
```
#77bced
```
#77bced rgb(119,188,237)
```
#88c4ef
```
#88c4ef rgb(136,196,239)
```
#99cdf1
```
#99cdf1 rgb(153,205,241)
```
#abd5f4
```
#abd5f4 rgb(171,213,244)
```
#bcdef6
```
#bcdef6 rgb(188,222,246)
```
#cde6f8
```
#cde6f8 rgb(205,230,248)
```
#dfeffb
```
#dfeffb rgb(223,239,251)
```
#f0f8fd
```
#f0f8fd rgb(240,248,253)
```

Tint Color Variation

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

#6e7880
```
#6e7880 rgb(110,120,128)
```
#657a89
```
#657a89 rgb(101,122,137)
```
#5c7b92
```
#5c7b92 rgb(92,123,146)
```
#537d9b
```
#537d9b rgb(83,125,155)
```
#4a7ea4
```
#4a7ea4 rgb(74,126,164)
```
#4180ad
```
#4180ad rgb(65,128,173)
```
#3781b7
```
#3781b7 rgb(55,129,183)
```
#2e83c0
```
#2e83c0 rgb(46,131,192)
```
#2584c9
```
#2584c9 rgb(37,132,201)
```
#1c86d2
```
#1c86d2 rgb(28,134,210)
```
#1388db
```
#1388db rgb(19,136,219)
```
#0a89e4
```
#0a89e4 rgb(10,137,228)
```
#018bed
```
#018bed rgb(1,139,237)
```

Tone Color Variation

Below, you can see how #1c86d2 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

#6f6f6f Achromatopsia 0.005% of the population
#5e7483 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6985ce Protanopia 1% of men
#4e88d6 Deuteranopia 1% of men
#00949e Tritanopia 0.001% of the population

Trichromacy

#4d85cf Protanomaly 1% of men, 0.01% of women
#3c87d4 Deuteranomaly 6% of men, 0.4% of women
#0a8fb1 Tritanomaly 0.01% of the population