#0c7efe hex color

In a RGB color space, hex #0c7efe is composed of 4.7% red, 49.4% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 95.3% cyan, 50.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 211.7 degrees, a saturation of 99.2% and a lightness of 52.2%. #0c7efe color hex could be obtained by blending #18fcff with #0000fd. Closest websafe color is: #0066ff.

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

● #0c7efe color description : Vivid blue.

The hexadecimal color #0c7efe has RGB values of R:12, G:126, B:254 and CMYK values of C:0.95, M:0.5, Y:0, K:0. Its decimal value is 818942.

Hex triplet	0c7efe	`#0c7efe`
RGB Decimal	12, 126, 254	`rgb(12,126,254)`
RGB Percent	4.7, 49.4, 99.6	`rgb(4.7%,49.4%,99.6%)`
CMYK	95, 50, 0, 0
HSL	211.7°, 99.2, 52.2	`hsl(211.7,99.2%,52.2%)`
HSV (or HSB)	211.7°, 95.3, 99.6
Web Safe	0066ff	`#0066ff`

CIE-LAB	54.189, 19.932, -71.223
XYZ	25.498, 22.153, 96.693
xyY	0.177, 0.153, 22.153
CIE-LCH	54.189, 73.959, 285.634
CIE-LUV	54.189, -28.471, -113.131
Hunter-Lab	47.067, 14.331, -88.855
Binary	00001100, 01111110, 11111110

#0c7efe
```
#0c7efe rgb(12,126,254)
```
#fe8c0c
```
#fe8c0c rgb(254,140,12)
```

Complementary Color

#0cf7fe
```
#0cf7fe rgb(12,247,254)
```
#0c7efe
```
#0c7efe rgb(12,126,254)
```
#130cfe
```
#130cfe rgb(19,12,254)
```

Analogous Color

#f7fe0c
```
#f7fe0c rgb(247,254,12)
```
#0c7efe
```
#0c7efe rgb(12,126,254)
```
#fe130c
```
#fe130c rgb(254,19,12)
```

Split Complementary Color

#7efe0c
```
#7efe0c rgb(126,254,12)
```
#0c7efe
```
#0c7efe rgb(12,126,254)
```
#fe0c7e
```
#fe0c7e rgb(254,12,126)
```

Triadic Color

#0cfe8c
```
#0cfe8c rgb(12,254,140)
```
#0c7efe
```
#0c7efe rgb(12,126,254)
```
#fe0c7e
```
#fe0c7e rgb(254,12,126)
```
#fe8c0c
```
#fe8c0c rgb(254,140,12)
```

Tetradic Color

#0159bd
```
#0159bd rgb(1,89,189)
```
#0165d6
```
#0165d6 rgb(1,101,214)
```
#0171f0
```
#0171f0 rgb(1,113,240)
```
#0c7efe
```
#0c7efe rgb(12,126,254)
```
#258bfe
```
#258bfe rgb(37,139,254)
```
#3f99fe
```
#3f99fe rgb(63,153,254)
```
#58a6fe
```
#58a6fe rgb(88,166,254)
```

Monochromatic Color

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

#0cbbfe
```
#0cbbfe rgb(12,187,254)
```
#0ca6fe
```
#0ca6fe rgb(12,166,254)
```
#0c92fe
```
#0c92fe rgb(12,146,254)
```
#0c7efe
```
#0c7efe rgb(12,126,254)
```
#0c6afe
```
#0c6afe rgb(12,106,254)
```
#0c56fe
```
#0c56fe rgb(12,86,254)
```
#0c41fe
```
#0c41fe rgb(12,65,254)
```

Similar Colors

Text with hexadecimal color #0c7efe

This text has a font color of #0c7efe.

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

#0c7efe background color

This paragraph has a background color of #0c7efe.

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

#0c7efe border color

This element has a border color of #0c7efe.

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

CSS codes

.text {color:#0c7efe;}

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

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

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, #00050b is the darkest color, while #f6faff is the lightest one.

#00050b
```
#00050b rgb(0,5,11)
```
#000e1e
```
#000e1e rgb(0,14,30)
```
#001832
```
#001832 rgb(0,24,50)
```
#002146
```
#002146 rgb(0,33,70)
```
#002a59
```
#002a59 rgb(0,42,89)
```
#00336d
```
#00336d rgb(0,51,109)
```
#013d80
```
#013d80 rgb(1,61,128)
```
#014694
```
#014694 rgb(1,70,148)
```
#014fa7
```
#014fa7 rgb(1,79,167)
```
#0158bb
```
#0158bb rgb(1,88,187)
```
#0162ce
```
#0162ce rgb(1,98,206)
```
#016be2
```
#016be2 rgb(1,107,226)
```
#0174f5
```
#0174f5 rgb(1,116,245)
```

Shade Color Variation

#0c7efe
```
#0c7efe rgb(12,126,254)
```
#2088fe
```
#2088fe rgb(32,136,254)
```
#3393fe
```
#3393fe rgb(51,147,254)
```
#479dfe
```
#479dfe rgb(71,157,254)
```
#5aa7fe
```
#5aa7fe rgb(90,167,254)
```
#6eb2fe
```
#6eb2fe rgb(110,178,254)
```
#81bcfe
```
#81bcfe rgb(129,188,254)
```
#95c7ff
```
#95c7ff rgb(149,199,255)
```
#a8d1ff
```
#a8d1ff rgb(168,209,255)
```
#bcdbff
```
#bcdbff rgb(188,219,255)
```
#cfe6ff
```
#cfe6ff rgb(207,230,255)
```
#e3f0ff
```
#e3f0ff rgb(227,240,255)
```
#f6faff
```
#f6faff rgb(246,250,255)
```

Tint Color Variation

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

#7d858d
```
#7d858d rgb(125,133,141)
```
#738497
```
#738497 rgb(115,132,151)
```
#6a83a0
```
#6a83a0 rgb(106,131,160)
```
#6083aa
```
#6083aa rgb(96,131,170)
```
#5782b3
```
#5782b3 rgb(87,130,179)
```
#4e82bc
```
#4e82bc rgb(78,130,188)
```
#4481c6
```
#4481c6 rgb(68,129,198)
```
#3b81cf
```
#3b81cf rgb(59,129,207)
```
#3280d8
```
#3280d8 rgb(50,128,216)
```
#2880e2
```
#2880e2 rgb(40,128,226)
```
#1f7feb
```
#1f7feb rgb(31,127,235)
```
#157ff5
```
#157ff5 rgb(21,127,245)
```
#0c7efe
```
#0c7efe rgb(12,126,254)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#586f88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c84fd Protanopia 1% of men
#008be3 Deuteranopia 1% of men
#00959d Tritanopia 0.001% of the population

Trichromacy

#2081fd Protanomaly 1% of men, 0.01% of women
#0486ed Deuteranomaly 6% of men, 0.4% of women
#048cc0 Tritanomaly 0.01% of the population

#0c7efe hex color

#0c7efe Color Information

#0c7efe Color Conversion

Color Schemes with #0c7efe

Alternatives to #0c7efe

#0c7efe Preview

Shades and Tints of #0c7efe

Tones of #0c7efe

Color Blindness Simulator