#086cc2 hex color

In a RGB color space, hex #086cc2 is composed of 3.1% red, 42.4% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 95.9% cyan, 44.3% magenta, 0% yellow and 23.9% black. It has a hue angle of 207.7 degrees, a saturation of 92.1% and a lightness of 39.6%. #086cc2 color hex could be obtained by blending #10d8ff with #000085. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 3
- G 42
- B 76
RGB color chart
- C 96
- M 44
- Y 0
- K 24
CMYK color chart

● #086cc2 color description : Strong blue.

The hexadecimal color #086cc2 has RGB values of R:8, G:108, B:194 and CMYK values of C:0.96, M:0.44, Y:0, K:0.24. Its decimal value is 552130.

Hex triplet	086cc2	`#086cc2`
RGB Decimal	8, 108, 194	`rgb(8,108,194)`
RGB Percent	3.1, 42.4, 76.1	`rgb(3.1%,42.4%,76.1%)`
CMYK	96, 44, 0, 24
HSL	207.7°, 92.1, 39.6	`hsl(207.7,92.1%,39.6%)`
HSV (or HSB)	207.7°, 95.9, 76.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	45.179, 7.681, -51.911
XYZ	15.198, 14.67, 53.067
xyY	0.183, 0.177, 14.67
CIE-LCH	45.179, 52.476, 278.417
CIE-LUV	45.179, -25.68, -78.474
Hunter-Lab	38.302, 3.8, -55.334
Binary	00001000, 01101100, 11000010

#086cc2
```
#086cc2 rgb(8,108,194)
```
#c25e08
```
#c25e08 rgb(194,94,8)
```

Complementary Color

#08c2bb
```
#08c2bb rgb(8,194,187)
```
#086cc2
```
#086cc2 rgb(8,108,194)
```
#080fc2
```
#080fc2 rgb(8,15,194)
```

Analogous Color

#c2bb08
```
#c2bb08 rgb(194,187,8)
```
#086cc2
```
#086cc2 rgb(8,108,194)
```
#c2080f
```
#c2080f rgb(194,8,15)
```

Split Complementary Color

#6cc208
```
#6cc208 rgb(108,194,8)
```
#086cc2
```
#086cc2 rgb(8,108,194)
```
#c2086c
```
#c2086c rgb(194,8,108)
```

Triadic Color

#08c25e
```
#08c25e rgb(8,194,94)
```
#086cc2
```
#086cc2 rgb(8,108,194)
```
#c2086c
```
#c2086c rgb(194,8,108)
```
#c25e08
```
#c25e08 rgb(194,94,8)
```

Tetradic Color

#054379
```
#054379 rgb(5,67,121)
```
#065191
```
#065191 rgb(6,81,145)
```
#075eaa
```
#075eaa rgb(7,94,170)
```
#086cc2
```
#086cc2 rgb(8,108,194)
```
#097ada
```
#097ada rgb(9,122,218)
```
#0a87f3
```
#0a87f3 rgb(10,135,243)
```
#2193f6
```
#2193f6 rgb(33,147,246)
```

Monochromatic Color

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

#089bc2
```
#089bc2 rgb(8,155,194)
```
#088bc2
```
#088bc2 rgb(8,139,194)
```
#087cc2
```
#087cc2 rgb(8,124,194)
```
#086cc2
```
#086cc2 rgb(8,108,194)
```
#085dc2
```
#085dc2 rgb(8,93,194)
```
#084dc2
```
#084dc2 rgb(8,77,194)
```
#083ec2
```
#083ec2 rgb(8,62,194)
```

Similar Colors

Text with hexadecimal color #086cc2

This text has a font color of #086cc2.

<span style="color:#086cc2;">Text here</span>

#086cc2 background color

This paragraph has a background color of #086cc2.

<p style="background-color:#086cc2;">Content here</p>

#086cc2 border color

This element has a border color of #086cc2.

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

CSS codes

.text {color:#086cc2;}

.background {background-color:#086cc2;}

.border {border:1px solid #086cc2;}

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

#000306
```
#000306 rgb(0,3,6)
```
#010e18
```
#010e18 rgb(1,14,24)
```
#02182b
```
#02182b rgb(2,24,43)
```
#03233e
```
#03233e rgb(3,35,62)
```
#032d51
```
#032d51 rgb(3,45,81)
```
#043864
```
#043864 rgb(4,56,100)
```
#054277
```
#054277 rgb(5,66,119)
```
#064d89
```
#064d89 rgb(6,77,137)
```
#06579c
```
#06579c rgb(6,87,156)
```
#0762af
```
#0762af rgb(7,98,175)
```
#086cc2
```
#086cc2 rgb(8,108,194)
```
#0976d5
```
#0976d5 rgb(9,118,213)
```
#0a81e8
```
#0a81e8 rgb(10,129,232)
```

Shade Color Variation

#108bf5
```
#108bf5 rgb(16,139,245)
```
#2394f6
```
#2394f6 rgb(35,148,246)
```
#359df7
```
#359df7 rgb(53,157,247)
```
#48a6f7
```
#48a6f7 rgb(72,166,247)
```
#5bb0f8
```
#5bb0f8 rgb(91,176,248)
```
#6eb9f9
```
#6eb9f9 rgb(110,185,249)
```
#81c2fa
```
#81c2fa rgb(129,194,250)
```
#94cbfb
```
#94cbfb rgb(148,203,251)
```
#a6d4fb
```
#a6d4fb rgb(166,212,251)
```
#b9ddfc
```
#b9ddfc rgb(185,221,252)
```
#cce6fd
```
#cce6fd rgb(204,230,253)
```
#dfeffe
```
#dfeffe rgb(223,239,254)
```
#f2f9fe
```
#f2f9fe rgb(242,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d666d is the less saturated color, while #006dca is the most saturated one.

#5d666d
```
#5d666d rgb(93,102,109)
```
#566674
```
#566674 rgb(86,102,116)
```
#4e677c
```
#4e677c rgb(78,103,124)
```
#466784
```
#466784 rgb(70,103,132)
```
#3e688c
```
#3e688c rgb(62,104,140)
```
#376893
```
#376893 rgb(55,104,147)
```
#2f699b
```
#2f699b rgb(47,105,155)
```
#276aa3
```
#276aa3 rgb(39,106,163)
```
#1f6aab
```
#1f6aab rgb(31,106,171)
```
#186bb2
```
#186bb2 rgb(24,107,178)
```
#106bba
```
#106bba rgb(16,107,186)
```
#086cc2
```
#086cc2 rgb(8,108,194)
```
#006dca
```
#006dca rgb(0,109,202)
```

Tone Color Variation

Below, you can see how #086cc2 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

#585858 Achromatopsia 0.005% of the population
#485c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#476fc1 Protanopia 1% of men
#0074c1 Deuteranopia 1% of men
#007d85 Tritanopia 0.001% of the population

Trichromacy

#306ec1 Protanomaly 1% of men, 0.01% of women
#0271c1 Deuteranomaly 6% of men, 0.4% of women
#02779b Tritanomaly 0.01% of the population

#086cc2 hex color

#086cc2 Color Information

#086cc2 Color Conversion

Color Schemes with #086cc2

Alternatives to #086cc2

#086cc2 Preview

Shades and Tints of #086cc2

Tones of #086cc2

Color Blindness Simulator