#0c6afa hex color

In a RGB color space, hex #0c6afa is composed of 4.7% red, 41.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 95.2% cyan, 57.6% magenta, 0% yellow and 2% black. It has a hue angle of 216.3 degrees, a saturation of 96% and a lightness of 51.4%. #0c6afa color hex could be obtained by blending #18d4ff with #0000f5. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 5
- G 42
- B 98
RGB color chart
- C 95
- M 58
- Y 0
- K 2
CMYK color chart

● #0c6afa color description : Vivid blue.

The hexadecimal color #0c6afa has RGB values of R:12, G:106, B:250 and CMYK values of C:0.95, M:0.58, Y:0, K:0.02. Its decimal value is 813818.

Hex triplet	0c6afa	`#0c6afa`
RGB Decimal	12, 106, 250	`rgb(12,106,250)`
RGB Percent	4.7, 41.6, 98	`rgb(4.7%,41.6%,98%)`
CMYK	95, 58, 0, 2
HSL	216.3°, 96, 51.4	`hsl(216.3,96%,51.4%)`
HSV (or HSB)	216.3°, 95.2, 98
Web Safe	0066ff	`#0066ff`

CIE-LAB	48.619, 31.036, -78.065
XYZ	22.557, 17.286, 92.585
xyY	0.17, 0.131, 17.286
CIE-LCH	48.619, 84.008, 291.681
CIE-LUV	48.619, -23.135, -120.294
Hunter-Lab	41.577, 24.084, -102.925
Binary	00001100, 01101010, 11111010

#0c6afa
```
#0c6afa rgb(12,106,250)
```
#fa9c0c
```
#fa9c0c rgb(250,156,12)
```

Complementary Color

#0ce1fa
```
#0ce1fa rgb(12,225,250)
```
#0c6afa
```
#0c6afa rgb(12,106,250)
```
#250cfa
```
#250cfa rgb(37,12,250)
```

Analogous Color

#e1fa0c
```
#e1fa0c rgb(225,250,12)
```
#0c6afa
```
#0c6afa rgb(12,106,250)
```
#fa250c
```
#fa250c rgb(250,37,12)
```

Split Complementary Color

#6afa0c
```
#6afa0c rgb(106,250,12)
```
#0c6afa
```
#0c6afa rgb(12,106,250)
```
#fa0c6a
```
#fa0c6a rgb(250,12,106)
```

Triadic Color

#0cfa9c
```
#0cfa9c rgb(12,250,156)
```
#0c6afa
```
#0c6afa rgb(12,106,250)
```
#fa0c6a
```
#fa0c6a rgb(250,12,106)
```
#fa9c0c
```
#fa9c0c rgb(250,156,12)
```

Tetradic Color

#044ab6
```
#044ab6 rgb(4,74,182)
```
#0454cf
```
#0454cf rgb(4,84,207)
```
#055ee8
```
#055ee8 rgb(5,94,232)
```
#0c6afa
```
#0c6afa rgb(12,106,250)
```
#2579fb
```
#2579fb rgb(37,121,251)
```
#3e89fb
```
#3e89fb rgb(62,137,251)
```
#5798fc
```
#5798fc rgb(87,152,252)
```

Monochromatic Color

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

#0ca6fa
```
#0ca6fa rgb(12,166,250)
```
#0c92fa
```
#0c92fa rgb(12,146,250)
```
#0c7efa
```
#0c7efa rgb(12,126,250)
```
#0c6afa
```
#0c6afa rgb(12,106,250)
```
#0c56fa
```
#0c56fa rgb(12,86,250)
```
#0c42fa
```
#0c42fa rgb(12,66,250)
```
#0c2ffa
```
#0c2ffa rgb(12,47,250)
```

Similar Colors

Text with hexadecimal color #0c6afa

This text has a font color of #0c6afa.

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

#0c6afa background color

This paragraph has a background color of #0c6afa.

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

#0c6afa border color

This element has a border color of #0c6afa.

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

CSS codes

.text {color:#0c6afa;}

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

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

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

#000307
```
#000307 rgb(0,3,7)
```
#010b1a
```
#010b1a rgb(1,11,26)
```
#01122d
```
#01122d rgb(1,18,45)
```
#011a41
```
#011a41 rgb(1,26,65)
```
#022254
```
#022254 rgb(2,34,84)
```
#022a67
```
#022a67 rgb(2,42,103)
```
#03327a
```
#03327a rgb(3,50,122)
```
#033a8d
```
#033a8d rgb(3,58,141)
```
#0341a1
```
#0341a1 rgb(3,65,161)
```
#0449b4
```
#0449b4 rgb(4,73,180)
```
#0451c7
```
#0451c7 rgb(4,81,199)
```
#0459da
```
#0459da rgb(4,89,218)
```
#0561ed
```
#0561ed rgb(5,97,237)
```

Shade Color Variation

#0c6afa
```
#0c6afa rgb(12,106,250)
```
#1f76fa
```
#1f76fa rgb(31,118,250)
```
#3282fb
```
#3282fb rgb(50,130,251)
```
#468dfb
```
#468dfb rgb(70,141,251)
```
#5999fc
```
#5999fc rgb(89,153,252)
```
#6ca5fc
```
#6ca5fc rgb(108,165,252)
```
#7fb1fc
```
#7fb1fc rgb(127,177,252)
```
#93bcfd
```
#93bcfd rgb(147,188,253)
```
#a6c8fd
```
#a6c8fd rgb(166,200,253)
```
#b9d4fe
```
#b9d4fe rgb(185,212,254)
```
#cce0fe
```
#cce0fe rgb(204,224,254)
```
#dfecfe
```
#dfecfe rgb(223,236,254)
```
#f3f7ff
```
#f3f7ff rgb(243,247,255)
```

Tint Color Variation

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

#7e8288
```
#7e8288 rgb(126,130,136)
```
#758091
```
#758091 rgb(117,128,145)
```
#6b7e9b
```
#6b7e9b rgb(107,126,155)
```
#627ca4
```
#627ca4 rgb(98,124,164)
```
#587aae
```
#587aae rgb(88,122,174)
```
#4f78b7
```
#4f78b7 rgb(79,120,183)
```
#4576c1
```
#4576c1 rgb(69,118,193)
```
#3c74ca
```
#3c74ca rgb(60,116,202)
```
#3272d4
```
#3272d4 rgb(50,114,212)
```
#2970dd
```
#2970dd rgb(41,112,221)
```
#1f6ee7
```
#1f6ee7 rgb(31,110,231)
```
#166cf0
```
#166cf0 rgb(22,108,240)
```
#0c6afa
```
#0c6afa rgb(12,106,250)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#4e607d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e8 Protanopia 1% of men
#007dca Deuteranopia 1% of men
#00868d Tritanopia 0.001% of the population

Trichromacy

#0472ef Protanomaly 1% of men, 0.01% of women
#0476dc Deuteranomaly 6% of men, 0.4% of women
#047cb5 Tritanomaly 0.01% of the population

#0c6afa hex color

#0c6afa Color Information

#0c6afa Color Conversion

Color Schemes with #0c6afa

Alternatives to #0c6afa

#0c6afa Preview

Shades and Tints of #0c6afa

Tones of #0c6afa

Color Blindness Simulator