#0c6cf6 hex color

In a RGB color space, hex #0c6cf6 is composed of 4.7% red, 42.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 95.1% cyan, 56.1% magenta, 0% yellow and 3.5% black. It has a hue angle of 215.4 degrees, a saturation of 92.9% and a lightness of 50.6%. #0c6cf6 color hex could be obtained by blending #18d8ff with #0000ed. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 5
- G 42
- B 96
RGB color chart
- C 95
- M 56
- Y 0
- K 4
CMYK color chart

● #0c6cf6 color description : Vivid blue.

The hexadecimal color #0c6cf6 has RGB values of R:12, G:108, B:246 and CMYK values of C:0.95, M:0.56, Y:0, K:0.04. Its decimal value is 814326.

Hex triplet	0c6cf6	`#0c6cf6`
RGB Decimal	12, 108, 246	`rgb(12,108,246)`
RGB Percent	4.7, 42.4, 96.5	`rgb(4.7%,42.4%,96.5%)`
CMYK	95, 56, 0, 4
HSL	215.4°, 92.9, 50.6	`hsl(215.4,92.9%,50.6%)`
HSV (or HSB)	215.4°, 95.1, 96.5
Web Safe	0066ff	`#0066ff`

CIE-LAB	48.829, 28.235, -75.496
XYZ	22.145, 17.455, 89.386
xyY	0.172, 0.135, 17.455
CIE-LCH	48.829, 80.603, 290.506
CIE-LUV	48.829, -23.744, -116.676
Hunter-Lab	41.779, 21.5, -97.604
Binary	00001100, 01101100, 11110110

#0c6cf6
```
#0c6cf6 rgb(12,108,246)
```
#f6960c
```
#f6960c rgb(246,150,12)
```

Complementary Color

#0ce1f6
```
#0ce1f6 rgb(12,225,246)
```
#0c6cf6
```
#0c6cf6 rgb(12,108,246)
```
#210cf6
```
#210cf6 rgb(33,12,246)
```

Analogous Color

#e1f60c
```
#e1f60c rgb(225,246,12)
```
#0c6cf6
```
#0c6cf6 rgb(12,108,246)
```
#f6210c
```
#f6210c rgb(246,33,12)
```

Split Complementary Color

#6cf60c
```
#6cf60c rgb(108,246,12)
```
#0c6cf6
```
#0c6cf6 rgb(12,108,246)
```
#f60c6c
```
#f60c6c rgb(246,12,108)
```

Triadic Color

#0cf696
```
#0cf696 rgb(12,246,150)
```
#0c6cf6
```
#0c6cf6 rgb(12,108,246)
```
#f60c6c
```
#f60c6c rgb(246,12,108)
```
#f6960c
```
#f6960c rgb(246,150,12)
```

Tetradic Color

#064caf
```
#064caf rgb(6,76,175)
```
#0756c8
```
#0756c8 rgb(7,86,200)
```
#0861e0
```
#0861e0 rgb(8,97,224)
```
#0c6cf6
```
#0c6cf6 rgb(12,108,246)
```
#257bf7
```
#257bf7 rgb(37,123,247)
```
#3d8af8
```
#3d8af8 rgb(61,138,248)
```
#5699f9
```
#5699f9 rgb(86,153,249)
```

Monochromatic Color

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

#0ca7f6
```
#0ca7f6 rgb(12,167,246)
```
#0c93f6
```
#0c93f6 rgb(12,147,246)
```
#0c80f6
```
#0c80f6 rgb(12,128,246)
```
#0c6cf6
```
#0c6cf6 rgb(12,108,246)
```
#0c58f6
```
#0c58f6 rgb(12,88,246)
```
#0c45f6
```
#0c45f6 rgb(12,69,246)
```
#0c31f6
```
#0c31f6 rgb(12,49,246)
```

Similar Colors

Text with hexadecimal color #0c6cf6

This text has a font color of #0c6cf6.

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

#0c6cf6 background color

This paragraph has a background color of #0c6cf6.

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

#0c6cf6 border color

This element has a border color of #0c6cf6.

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

CSS codes

.text {color:#0c6cf6;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#010916
```
#010916 rgb(1,9,22)
```
#021229
```
#021229 rgb(2,18,41)
```
#021a3c
```
#021a3c rgb(2,26,60)
```
#03224f
```
#03224f rgb(3,34,79)
```
#042a61
```
#042a61 rgb(4,42,97)
```
#043274
```
#043274 rgb(4,50,116)
```
#053a87
```
#053a87 rgb(5,58,135)
```
#06439a
```
#06439a rgb(6,67,154)
```
#064bad
```
#064bad rgb(6,75,173)
```
#0753c0
```
#0753c0 rgb(7,83,192)
```
#085bd3
```
#085bd3 rgb(8,91,211)
```
#0963e6
```
#0963e6 rgb(9,99,230)
```

Shade Color Variation

#0c6cf6
```
#0c6cf6 rgb(12,108,246)
```
#1f77f7
```
#1f77f7 rgb(31,119,247)
```
#3283f7
```
#3283f7 rgb(50,131,247)
```
#458ef8
```
#458ef8 rgb(69,142,248)
```
#589af9
```
#589af9 rgb(88,154,249)
```
#6ba5fa
```
#6ba5fa rgb(107,165,250)
```
#7db1fa
```
#7db1fa rgb(125,177,250)
```
#90bcfb
```
#90bcfb rgb(144,188,251)
```
#a3c8fc
```
#a3c8fc rgb(163,200,252)
```
#b6d3fc
```
#b6d3fc rgb(182,211,252)
```
#c9defd
```
#c9defd rgb(201,222,253)
```
#dceafe
```
#dceafe rgb(220,234,254)
```
#eff5fe
```
#eff5fe rgb(239,245,254)
```

Tint Color Variation

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

#808182
```
#808182 rgb(128,129,130)
```
#777f8b
```
#777f8b rgb(119,127,139)
```
#6d7d95
```
#6d7d95 rgb(109,125,149)
```
#637c9f
```
#637c9f rgb(99,124,159)
```
#5a7aa8
```
#5a7aa8 rgb(90,122,168)
```
#5078b2
```
#5078b2 rgb(80,120,178)
```
#4676bc
```
#4676bc rgb(70,118,188)
```
#3c75c6
```
#3c75c6 rgb(60,117,198)
```
#3373cf
```
#3373cf rgb(51,115,207)
```
#2971d9
```
#2971d9 rgb(41,113,217)
```
#1f6fe3
```
#1f6fe3 rgb(31,111,227)
```
#166eec
```
#166eec rgb(22,110,236)
```
#0c6cf6
```
#0c6cf6 rgb(12,108,246)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#4e627d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007ecc Deuteranopia 1% of men
#00878e Tritanopia 0.001% of the population

Trichromacy

#0473ee Protanomaly 1% of men, 0.01% of women
#0477db Deuteranomaly 6% of men, 0.4% of women
#047db4 Tritanomaly 0.01% of the population

#0c6cf6 hex color

#0c6cf6 Color Information

#0c6cf6 Color Conversion

Color Schemes with #0c6cf6

Alternatives to #0c6cf6

#0c6cf6 Preview

Shades and Tints of #0c6cf6

Tones of #0c6cf6

Color Blindness Simulator