colorhexa.com

#0c86c8 hex color

In a RGB color space, hex #0c86c8 is composed of 4.7% red, 52.5% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 94% cyan, 33% magenta, 0% yellow and 21.6% black. It has a hue angle of 201.1 degrees, a saturation of 88.7% and a lightness of 41.6%. #0c86c8 color hex could be obtained by blending #18ffff with #000d91. Closest websafe color is: #0099cc.

- R 5
- G 53
- B 78
RGB color chart
- C 94
- M 33
- Y 0
- K 22
CMYK color chart

● #0c86c8 color description : Strong blue.

The hexadecimal color #0c86c8 has RGB values of R:12, G:134, B:200 and CMYK values of C:0.94, M:0.33, Y:0, K:0.22. Its decimal value is 820936.

Hex triplet	0c86c8	`#0c86c8`
RGB Decimal	12, 134, 200	`rgb(12,134,200)`
RGB Percent	4.7, 52.5, 78.4	`rgb(4.7%,52.5%,78.4%)`
CMYK	94, 33, 0, 22
HSL	201.1°, 88.7, 41.6	`hsl(201.1,88.7%,41.6%)`
HSV (or HSB)	201.1°, 94, 78.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	53.273, -5.726, -42.452
XYZ	19.099, 21.297, 57.744
xyY	0.195, 0.217, 21.297
CIE-LCH	53.273, 42.836, 262.318
CIE-LUV	53.273, -33.631, -64.976
Hunter-Lab	46.148, -6.884, -41.885
Binary	00001100, 10000110, 11001000

#0c86c8
```
#0c86c8 rgb(12,134,200)
```
#c84e0c
```
#c84e0c rgb(200,78,12)
```

Complementary Color

#0cc8ac
```
#0cc8ac rgb(12,200,172)
```
#0c86c8
```
#0c86c8 rgb(12,134,200)
```
#0c28c8
```
#0c28c8 rgb(12,40,200)
```

Analogous Color

#c8ac0c
```
#c8ac0c rgb(200,172,12)
```
#0c86c8
```
#0c86c8 rgb(12,134,200)
```
#c80c28
```
#c80c28 rgb(200,12,40)
```

Split Complementary Color

#86c80c
```
#86c80c rgb(134,200,12)
```
#0c86c8
```
#0c86c8 rgb(12,134,200)
```
#c80c86
```
#c80c86 rgb(200,12,134)
```

Triadic Color

#0cc84e
```
#0cc84e rgb(12,200,78)
```
#0c86c8
```
#0c86c8 rgb(12,134,200)
```
#c80c86
```
#c80c86 rgb(200,12,134)
```
#c84e0c
```
#c84e0c rgb(200,78,12)
```

Tetradic Color

#085680
```
#085680 rgb(8,86,128)
```
#096698
```
#096698 rgb(9,102,152)
```
#0b76b0
```
#0b76b0 rgb(11,118,176)
```
#0c86c8
```
#0c86c8 rgb(12,134,200)
```
#0d96e0
```
#0d96e0 rgb(13,150,224)
```
#16a4f1
```
#16a4f1 rgb(22,164,241)
```
#2eaef2
```
#2eaef2 rgb(46,174,242)
```

Monochromatic Color

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

#0cb5c8
```
#0cb5c8 rgb(12,181,200)
```
#0ca5c8
```
#0ca5c8 rgb(12,165,200)
```
#0c96c8
```
#0c96c8 rgb(12,150,200)
```
#0c86c8
```
#0c86c8 rgb(12,134,200)
```
#0c76c8
```
#0c76c8 rgb(12,118,200)
```
#0c67c8
```
#0c67c8 rgb(12,103,200)
```
#0c57c8
```
#0c57c8 rgb(12,87,200)
```

Similar Colors

Text with hexadecimal color #0c86c8

This text has a font color of #0c86c8.

<span style="color:#0c86c8;">Text here</span>

#0c86c8 background color

This paragraph has a background color of #0c86c8.

<p style="background-color:#0c86c8;">Content here</p>

#0c86c8 border color

This element has a border color of #0c86c8.

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

CSS codes

.text {color:#0c86c8;}

.background {background-color:#0c86c8;}

.border {border:1px solid #0c86c8;}

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, #010a0f is the darkest color, while #fbfeff is the lightest one.

#010a0f
```
#010a0f rgb(1,10,15)
```
#021621
```
#021621 rgb(2,22,33)
```
#032334
```
#032334 rgb(3,35,52)
```
#042f46
```
#042f46 rgb(4,47,70)
```
#053c59
```
#053c59 rgb(5,60,89)
```
#06486b
```
#06486b rgb(6,72,107)
```
#08547e
```
#08547e rgb(8,84,126)
```
#096190
```
#096190 rgb(9,97,144)
```
#0a6da3
```
#0a6da3 rgb(10,109,163)
```
#0b7ab5
```
#0b7ab5 rgb(11,122,181)
```
#0c86c8
```
#0c86c8 rgb(12,134,200)
```
#0d92db
```
#0d92db rgb(13,146,219)
```
#0e9fed
```
#0e9fed rgb(14,159,237)
```

Shade Color Variation

#1da7f1
```
#1da7f1 rgb(29,167,241)
```
#30aef3
```
#30aef3 rgb(48,174,243)
```
#42b5f4
```
#42b5f4 rgb(66,181,244)
```
#55bdf5
```
#55bdf5 rgb(85,189,245)
```
#67c4f6
```
#67c4f6 rgb(103,196,246)
```
#7acbf7
```
#7acbf7 rgb(122,203,247)
```
#8cd2f8
```
#8cd2f8 rgb(140,210,248)
```
#9fdaf9
```
#9fdaf9 rgb(159,218,249)
```
#b1e1fa
```
#b1e1fa rgb(177,225,250)
```
#c4e8fb
```
#c4e8fb rgb(196,232,251)
```
#d6effd
```
#d6effd rgb(214,239,253)
```
#e9f6fe
```
#e9f6fe rgb(233,246,254)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666b6e is the less saturated color, while #0488d0 is the most saturated one.

#666b6e
```
#666b6e rgb(102,107,110)
```
#5e6e76
```
#5e6e76 rgb(94,110,118)
```
#55707f
```
#55707f rgb(85,112,127)
```
#4d7387
```
#4d7387 rgb(77,115,135)
```
#45758f
```
#45758f rgb(69,117,143)
```
#3d7797
```
#3d7797 rgb(61,119,151)
```
#357a9f
```
#357a9f rgb(53,122,159)
```
#2d7ca7
```
#2d7ca7 rgb(45,124,167)
```
#247fb0
```
#247fb0 rgb(36,127,176)
```
#1c81b8
```
#1c81b8 rgb(28,129,184)
```
#1484c0
```
#1484c0 rgb(20,132,192)
```
#0c86c8
```
#0c86c8 rgb(12,134,200)
```
#0488d0
```
#0488d0 rgb(4,136,208)
```

Tone Color Variation

Below, you can see how #0c86c8 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

#696969 Achromatopsia 0.005% of the population
#566f7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d83c4 Protanopia 1% of men
#5886cd Deuteranopia 1% of men
#00929c Tritanopia 0.001% of the population

Trichromacy

#4984c5 Protanomaly 1% of men, 0.01% of women
#3c86cb Deuteranomaly 6% of men, 0.4% of women
#048eac Tritanomaly 0.01% of the population