#0c86bb hex color

In a RGB color space, hex #0c86bb is composed of 4.7% red, 52.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 93.6% cyan, 28.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 198.2 degrees, a saturation of 87.9% and a lightness of 39%. #0c86bb color hex could be obtained by blending #18ffff with #000d77. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 5
- G 53
- B 73
RGB color chart
- C 94
- M 28
- Y 0
- K 27
CMYK color chart

● #0c86bb color description : Strong blue.

The hexadecimal color #0c86bb has RGB values of R:12, G:134, B:187 and CMYK values of C:0.94, M:0.28, Y:0, K:0.27. Its decimal value is 820923.

Hex triplet	0c86bb	`#0c86bb`
RGB Decimal	12, 134, 187	`rgb(12,134,187)`
RGB Percent	4.7, 52.5, 73.3	`rgb(4.7%,52.5%,73.3%)`
CMYK	94, 28, 0, 27
HSL	198.2°, 87.9, 39	`hsl(198.2,87.9%,39%)`
HSV (or HSB)	198.2°, 93.6, 73.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	52.636, -10.617, -36.045
XYZ	17.644, 20.715, 50.079
xyY	0.2, 0.234, 20.715
CIE-LCH	52.636, 37.576, 253.588
CIE-LUV	52.636, -34.47, -53.922
Hunter-Lab	45.513, -10.449, -33.379
Binary	00001100, 10000110, 10111011

#0c86bb
```
#0c86bb rgb(12,134,187)
```
#bb410c
```
#bb410c rgb(187,65,12)
```

Complementary Color

#0cbb99
```
#0cbb99 rgb(12,187,153)
```
#0c86bb
```
#0c86bb rgb(12,134,187)
```
#0c2fbb
```
#0c2fbb rgb(12,47,187)
```

Analogous Color

#bb990c
```
#bb990c rgb(187,153,12)
```
#0c86bb
```
#0c86bb rgb(12,134,187)
```
#bb0c2e
```
#bb0c2e rgb(187,12,46)
```

Split Complementary Color

#86bb0c
```
#86bb0c rgb(134,187,12)
```
#0c86bb
```
#0c86bb rgb(12,134,187)
```
#bb0c86
```
#bb0c86 rgb(187,12,134)
```

Triadic Color

#0cbb41
```
#0cbb41 rgb(12,187,65)
```
#0c86bb
```
#0c86bb rgb(12,134,187)
```
#bb0c86
```
#bb0c86 rgb(187,12,134)
```
#bb410c
```
#bb410c rgb(187,65,12)
```

Tetradic Color

#075273
```
#075273 rgb(7,82,115)
```
#09648b
```
#09648b rgb(9,100,139)
```
#0a75a3
```
#0a75a3 rgb(10,117,163)
```
#0c86bb
```
#0c86bb rgb(12,134,187)
```
#0e97d3
```
#0e97d3 rgb(14,151,211)
```
#0fa8eb
```
#0fa8eb rgb(15,168,235)
```
#23b2f1
```
#23b2f1 rgb(35,178,241)
```

Monochromatic Color

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

#0cb2bb
```
#0cb2bb rgb(12,178,187)
```
#0ca3bb
```
#0ca3bb rgb(12,163,187)
```
#0c95bb
```
#0c95bb rgb(12,149,187)
```
#0c86bb
```
#0c86bb rgb(12,134,187)
```
#0c77bb
```
#0c77bb rgb(12,119,187)
```
#0c69bb
```
#0c69bb rgb(12,105,187)
```
#0c5abb
```
#0c5abb rgb(12,90,187)
```

Similar Colors

Text with hexadecimal color #0c86bb

This text has a font color of #0c86bb.

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

#0c86bb background color

This paragraph has a background color of #0c86bb.

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

#0c86bb border color

This element has a border color of #0c86bb.

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

CSS codes

.text {color:#0c86bb;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#010f15
```
#010f15 rgb(1,15,21)
```
#031c28
```
#031c28 rgb(3,28,40)
```
#042a3a
```
#042a3a rgb(4,42,58)
```
#05374c
```
#05374c rgb(5,55,76)
```
#06445f
```
#06445f rgb(6,68,95)
```
#075171
```
#075171 rgb(7,81,113)
```
#085e84
```
#085e84 rgb(8,94,132)
```
#0a6c96
```
#0a6c96 rgb(10,108,150)
```
#0b79a9
```
#0b79a9 rgb(11,121,169)
```
#0c86bb
```
#0c86bb rgb(12,134,187)
```
#0d93cd
```
#0d93cd rgb(13,147,205)
```
#0ea0e0
```
#0ea0e0 rgb(14,160,224)
```

Shade Color Variation

#12adf0
```
#12adf0 rgb(18,173,240)
```
#24b3f1
```
#24b3f1 rgb(36,179,241)
```
#37b9f2
```
#37b9f2 rgb(55,185,242)
```
#49c0f3
```
#49c0f3 rgb(73,192,243)
```
#5cc6f5
```
#5cc6f5 rgb(92,198,245)
```
#6ecdf6
```
#6ecdf6 rgb(110,205,246)
```
#81d3f7
```
#81d3f7 rgb(129,211,247)
```
#93d9f8
```
#93d9f8 rgb(147,217,248)
```
#a6e0f9
```
#a6e0f9 rgb(166,224,249)
```
#b8e6fa
```
#b8e6fa rgb(184,230,250)
```
#caedfc
```
#caedfc rgb(202,237,252)
```
#ddf3fd
```
#ddf3fd rgb(221,243,253)
```
#effafe
```
#effafe rgb(239,250,254)
```

Tint Color Variation

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

#606567
```
#606567 rgb(96,101,103)
```
#59686e
```
#59686e rgb(89,104,110)
```
#516b76
```
#516b76 rgb(81,107,118)
```
#496e7e
```
#496e7e rgb(73,110,126)
```
#427185
```
#427185 rgb(66,113,133)
```
#3a748d
```
#3a748d rgb(58,116,141)
```
#327795
```
#327795 rgb(50,119,149)
```
#2b7a9c
```
#2b7a9c rgb(43,122,156)
```
#237da4
```
#237da4 rgb(35,125,164)
```
#1b80ac
```
#1b80ac rgb(27,128,172)
```
#1483b3
```
#1483b3 rgb(20,131,179)
```
#0c86bb
```
#0c86bb rgb(12,134,187)
```
#0489c3
```
#0489c3 rgb(4,137,195)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#566e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7282b7 Protanopia 1% of men
#6384c2 Deuteranopia 1% of men
#00919a Tritanopia 0.001% of the population

Trichromacy

#4d83b8 Protanomaly 1% of men, 0.01% of women
#4384bf Deuteranomaly 6% of men, 0.4% of women
#048da6 Tritanomaly 0.01% of the population

#0c86bb hex color

#0c86bb Color Information

#0c86bb Color Conversion

Color Schemes with #0c86bb

Alternatives to #0c86bb

#0c86bb Preview

Shades and Tints of #0c86bb

Tones of #0c86bb

Color Blindness Simulator