#0c86f7 hex color

In a RGB color space, hex #0c86f7 is composed of 4.7% red, 52.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 95.1% cyan, 45.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 208.9 degrees, a saturation of 93.6% and a lightness of 50.8%. #0c86f7 color hex could be obtained by blending #18ffff with #000def. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 5
- G 53
- B 97
RGB color chart
- C 95
- M 46
- Y 0
- K 3
CMYK color chart

● #0c86f7 color description : Vivid blue.

The hexadecimal color #0c86f7 has RGB values of R:12, G:134, B:247 and CMYK values of C:0.95, M:0.46, Y:0, K:0.03. Its decimal value is 820983.

Hex triplet	0c86f7	`#0c86f7`
RGB Decimal	12, 134, 247	`rgb(12,134,247)`
RGB Percent	4.7, 52.5, 96.9	`rgb(4.7%,52.5%,96.9%)`
CMYK	95, 46, 0, 3
HSL	208.9°, 93.6, 50.8	`hsl(208.9,93.6%,50.8%)`
HSV (or HSB)	208.9°, 95.1, 96.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	55.929, 12.281, -64.547
XYZ	25.461, 23.841, 91.25
xyY	0.181, 0.17, 23.841
CIE-LCH	55.929, 65.705, 280.772
CIE-LUV	55.929, -31.108, -102.996
Hunter-Lab	48.828, 7.631, -76.623
Binary	00001100, 10000110, 11110111

#0c86f7
```
#0c86f7 rgb(12,134,247)
```
#f77d0c
```
#f77d0c rgb(247,125,12)
```

Complementary Color

#0cf7f3
```
#0cf7f3 rgb(12,247,243)
```
#0c86f7
```
#0c86f7 rgb(12,134,247)
```
#0c11f7
```
#0c11f7 rgb(12,17,247)
```

Analogous Color

#f7f30c
```
#f7f30c rgb(247,243,12)
```
#0c86f7
```
#0c86f7 rgb(12,134,247)
```
#f70c11
```
#f70c11 rgb(247,12,17)
```

Split Complementary Color

#86f70c
```
#86f70c rgb(134,247,12)
```
#0c86f7
```
#0c86f7 rgb(12,134,247)
```
#f70c86
```
#f70c86 rgb(247,12,134)
```

Triadic Color

#0cf77d
```
#0cf77d rgb(12,247,125)
```
#0c86f7
```
#0c86f7 rgb(12,134,247)
```
#f70c86
```
#f70c86 rgb(247,12,134)
```
#f77d0c
```
#f77d0c rgb(247,125,12)
```

Tetradic Color

#065fb1
```
#065fb1 rgb(6,95,177)
```
#076cc9
```
#076cc9 rgb(7,108,201)
```
#0779e2
```
#0779e2 rgb(7,121,226)
```
#0c86f7
```
#0c86f7 rgb(12,134,247)
```
#2592f8
```
#2592f8 rgb(37,146,248)
```
#3d9ff9
```
#3d9ff9 rgb(61,159,249)
```
#56abf9
```
#56abf9 rgb(86,171,249)
```

Monochromatic Color

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

#0cc1f7
```
#0cc1f7 rgb(12,193,247)
```
#0cadf7
```
#0cadf7 rgb(12,173,247)
```
#0c9af7
```
#0c9af7 rgb(12,154,247)
```
#0c86f7
```
#0c86f7 rgb(12,134,247)
```
#0c72f7
```
#0c72f7 rgb(12,114,247)
```
#0c5ff7
```
#0c5ff7 rgb(12,95,247)
```
#0c4bf7
```
#0c4bf7 rgb(12,75,247)
```

Similar Colors

Text with hexadecimal color #0c86f7

This text has a font color of #0c86f7.

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

#0c86f7 background color

This paragraph has a background color of #0c86f7.

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

#0c86f7 border color

This element has a border color of #0c86f7.

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

CSS codes

.text {color:#0c86f7;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#010c17
```
#010c17 rgb(1,12,23)
```
#01162a
```
#01162a rgb(1,22,42)
```
#02213d
```
#02213d rgb(2,33,61)
```
#032b50
```
#032b50 rgb(3,43,80)
```
#033563
```
#033563 rgb(3,53,99)
```
#043f76
```
#043f76 rgb(4,63,118)
```
#054989
```
#054989 rgb(5,73,137)
```
#05539c
```
#05539c rgb(5,83,156)
```
#065eaf
```
#065eaf rgb(6,94,175)
```
#0668c2
```
#0668c2 rgb(6,104,194)
```
#0772d5
```
#0772d5 rgb(7,114,213)
```
#087ce8
```
#087ce8 rgb(8,124,232)
```

Shade Color Variation

#0c86f7
```
#0c86f7 rgb(12,134,247)
```
#1f8ff8
```
#1f8ff8 rgb(31,143,248)
```
#3299f8
```
#3299f8 rgb(50,153,248)
```
#45a2f9
```
#45a2f9 rgb(69,162,249)
```
#58acfa
```
#58acfa rgb(88,172,250)
```
#6bb5fa
```
#6bb5fa rgb(107,181,250)
```
#7ebffb
```
#7ebffb rgb(126,191,251)
```
#91c8fb
```
#91c8fb rgb(145,200,251)
```
#a4d2fc
```
#a4d2fc rgb(164,210,252)
```
#b7dbfd
```
#b7dbfd rgb(183,219,253)
```
#cae5fd
```
#cae5fd rgb(202,229,253)
```
#ddeefe
```
#ddeefe rgb(221,238,254)
```
#f0f7ff
```
#f0f7ff rgb(240,247,255)
```

Tint Color Variation

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

#808283
```
#808283 rgb(128,130,131)
```
#76828d
```
#76828d rgb(118,130,141)
```
#6d8296
```
#6d8296 rgb(109,130,150)
```
#6383a0
```
#6383a0 rgb(99,131,160)
```
#5983aa
```
#5983aa rgb(89,131,170)
```
#5083b3
```
#5083b3 rgb(80,131,179)
```
#4684bd
```
#4684bd rgb(70,132,189)
```
#3c84c7
```
#3c84c7 rgb(60,132,199)
```
#3385d0
```
#3385d0 rgb(51,133,208)
```
#2985da
```
#2985da rgb(41,133,218)
```
#1f85e4
```
#1f85e4 rgb(31,133,228)
```
#1686ed
```
#1686ed rgb(22,134,237)
```
#0c86f7
```
#0c86f7 rgb(12,134,247)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#5a7389 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f88f4 Protanopia 1% of men
#008eec Deuteranopia 1% of men
#009aa3 Tritanopia 0.001% of the population

Trichromacy

#3687f5 Protanomaly 1% of men, 0.01% of women
#048bf0 Deuteranomaly 6% of men, 0.4% of women
#0492c1 Tritanomaly 0.01% of the population

#0c86f7 hex color

#0c86f7 Color Information

#0c86f7 Color Conversion

Color Schemes with #0c86f7

Alternatives to #0c86f7

#0c86f7 Preview

Shades and Tints of #0c86f7

Tones of #0c86f7

Color Blindness Simulator