#0c7af6 hex color

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

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

● #0c7af6 color description : Vivid blue.

The hexadecimal color #0c7af6 has RGB values of R:12, G:122, B:246 and CMYK values of C:0.95, M:0.5, Y:0, K:0.04. Its decimal value is 817910.

Hex triplet	0c7af6	`#0c7af6`
RGB Decimal	12, 122, 246	`rgb(12,122,246)`
RGB Percent	4.7, 47.8, 96.5	`rgb(4.7%,47.8%,96.5%)`
CMYK	95, 50, 0, 4
HSL	211.8°, 92.9, 50.6	`hsl(211.8,92.9%,50.6%)`
HSV (or HSB)	211.8°, 95.1, 96.5
Web Safe	0066ff	`#0066ff`

CIE-LAB	52.563, 19.362, -69.428
XYZ	23.742, 20.649, 89.918
xyY	0.177, 0.154, 20.649
CIE-LCH	52.563, 72.077, 285.583
CIE-LUV	52.563, -27.611, -109.509
Hunter-Lab	45.441, 13.74, -85.513
Binary	00001100, 01111010, 11110110

#0c7af6
```
#0c7af6 rgb(12,122,246)
```
#f6880c
```
#f6880c rgb(246,136,12)
```

Complementary Color

#0ceff6
```
#0ceff6 rgb(12,239,246)
```
#0c7af6
```
#0c7af6 rgb(12,122,246)
```
#130cf6
```
#130cf6 rgb(19,12,246)
```

Analogous Color

#eff60c
```
#eff60c rgb(239,246,12)
```
#0c7af6
```
#0c7af6 rgb(12,122,246)
```
#f6130c
```
#f6130c rgb(246,19,12)
```

Split Complementary Color

#7af60c
```
#7af60c rgb(122,246,12)
```
#0c7af6
```
#0c7af6 rgb(12,122,246)
```
#f60c7a
```
#f60c7a rgb(246,12,122)
```

Triadic Color

#0cf688
```
#0cf688 rgb(12,246,136)
```
#0c7af6
```
#0c7af6 rgb(12,122,246)
```
#f60c7a
```
#f60c7a rgb(246,12,122)
```
#f6880c
```
#f6880c rgb(246,136,12)
```

Tetradic Color

#0656af
```
#0656af rgb(6,86,175)
```
#0762c8
```
#0762c8 rgb(7,98,200)
```
#086ee0
```
#086ee0 rgb(8,110,224)
```
#0c7af6
```
#0c7af6 rgb(12,122,246)
```
#2587f7
```
#2587f7 rgb(37,135,247)
```
#3d95f8
```
#3d95f8 rgb(61,149,248)
```
#56a2f9
```
#56a2f9 rgb(86,162,249)
```

Monochromatic Color

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

#0cb5f6
```
#0cb5f6 rgb(12,181,246)
```
#0ca1f6
```
#0ca1f6 rgb(12,161,246)
```
#0c8ef6
```
#0c8ef6 rgb(12,142,246)
```
#0c7af6
```
#0c7af6 rgb(12,122,246)
```
#0c67f6
```
#0c67f6 rgb(12,103,246)
```
#0c53f6
```
#0c53f6 rgb(12,83,246)
```
#0c3ff6
```
#0c3ff6 rgb(12,63,246)
```

Similar Colors

Text with hexadecimal color #0c7af6

This text has a font color of #0c7af6.

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

#0c7af6 background color

This paragraph has a background color of #0c7af6.

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

#0c7af6 border color

This element has a border color of #0c7af6.

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

CSS codes

.text {color:#0c7af6;}

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

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

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 #eff6fe is the lightest one.

#000103
```
#000103 rgb(0,1,3)
```
#010b16
```
#010b16 rgb(1,11,22)
```
#021429
```
#021429 rgb(2,20,41)
```
#021d3c
```
#021d3c rgb(2,29,60)
```
#03264f
```
#03264f rgb(3,38,79)
```
#043061
```
#043061 rgb(4,48,97)
```
#043974
```
#043974 rgb(4,57,116)
```
#054287
```
#054287 rgb(5,66,135)
```
#064c9a
```
#064c9a rgb(6,76,154)
```
#0655ad
```
#0655ad rgb(6,85,173)
```
#075ec0
```
#075ec0 rgb(7,94,192)
```
#0867d3
```
#0867d3 rgb(8,103,211)
```
#0971e6
```
#0971e6 rgb(9,113,230)
```

Shade Color Variation

#0c7af6
```
#0c7af6 rgb(12,122,246)
```
#1f84f7
```
#1f84f7 rgb(31,132,247)
```
#328ff7
```
#328ff7 rgb(50,143,247)
```
#4599f8
```
#4599f8 rgb(69,153,248)
```
#58a3f9
```
#58a3f9 rgb(88,163,249)
```
#6baefa
```
#6baefa rgb(107,174,250)
```
#7db8fa
```
#7db8fa rgb(125,184,250)
```
#90c2fb
```
#90c2fb rgb(144,194,251)
```
#a3cdfc
```
#a3cdfc rgb(163,205,252)
```
#b6d7fc
```
#b6d7fc rgb(182,215,252)
```
#c9e2fd
```
#c9e2fd rgb(201,226,253)
```
#dcecfe
```
#dcecfe rgb(220,236,254)
```
#eff6fe
```
#eff6fe rgb(239,246,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 #0c7af6 is the most saturated one.

#808182
```
#808182 rgb(128,129,130)
```
#77808b
```
#77808b rgb(119,128,139)
```
#6d8095
```
#6d8095 rgb(109,128,149)
```
#637f9f
```
#637f9f rgb(99,127,159)
```
#5a7fa8
```
#5a7fa8 rgb(90,127,168)
```
#507eb2
```
#507eb2 rgb(80,126,178)
```
#467dbc
```
#467dbc rgb(70,125,188)
```
#3c7dc6
```
#3c7dc6 rgb(60,125,198)
```
#337ccf
```
#337ccf rgb(51,124,207)
```
#297cd9
```
#297cd9 rgb(41,124,217)
```
#1f7be3
```
#1f7be3 rgb(31,123,227)
```
#167bec
```
#167bec rgb(22,123,236)
```
#0c7af6
```
#0c7af6 rgb(12,122,246)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#556b84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b80f5 Protanopia 1% of men
#0086dc Deuteranopia 1% of men
#009199 Tritanopia 0.001% of the population

Trichromacy

#207df5 Protanomaly 1% of men, 0.01% of women
#0482e5 Deuteranomaly 6% of men, 0.4% of women
#0488bb Tritanomaly 0.01% of the population

#0c7af6 hex color

#0c7af6 Color Information

#0c7af6 Color Conversion

Color Schemes with #0c7af6

Alternatives to #0c7af6

#0c7af6 Preview

Shades and Tints of #0c7af6

Tones of #0c7af6

Color Blindness Simulator