#0c7cfe hex color

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

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

● #0c7cfe color description : Vivid blue.

The hexadecimal color #0c7cfe has RGB values of R:12, G:124, B:254 and CMYK values of C:0.95, M:0.51, Y:0, K:0. Its decimal value is 818430.

Hex triplet	0c7cfe	`#0c7cfe`
RGB Decimal	12, 124, 254	`rgb(12,124,254)`
RGB Percent	4.7, 48.6, 99.6	`rgb(4.7%,48.6%,99.6%)`
CMYK	95, 51, 0, 0
HSL	212.2°, 99.2, 52.2	`hsl(212.2,99.2%,52.2%)`
HSV (or HSB)	212.2°, 95.3, 99.6
Web Safe	0066ff	`#0066ff`

CIE-LAB	53.65, 21.184, -72.096
XYZ	25.245, 21.647, 96.608
xyY	0.176, 0.151, 21.647
CIE-LCH	53.65, 75.144, 286.374
CIE-LUV	53.65, -27.902, -114.256
Hunter-Lab	46.526, 15.431, -90.543
Binary	00001100, 01111100, 11111110

#0c7cfe
```
#0c7cfe rgb(12,124,254)
```
#fe8e0c
```
#fe8e0c rgb(254,142,12)
```

Complementary Color

#0cf5fe
```
#0cf5fe rgb(12,245,254)
```
#0c7cfe
```
#0c7cfe rgb(12,124,254)
```
#150cfe
```
#150cfe rgb(21,12,254)
```

Analogous Color

#f5fe0c
```
#f5fe0c rgb(245,254,12)
```
#0c7cfe
```
#0c7cfe rgb(12,124,254)
```
#fe150c
```
#fe150c rgb(254,21,12)
```

Split Complementary Color

#7cfe0c
```
#7cfe0c rgb(124,254,12)
```
#0c7cfe
```
#0c7cfe rgb(12,124,254)
```
#fe0c7c
```
#fe0c7c rgb(254,12,124)
```

Triadic Color

#0cfe8e
```
#0cfe8e rgb(12,254,142)
```
#0c7cfe
```
#0c7cfe rgb(12,124,254)
```
#fe0c7c
```
#fe0c7c rgb(254,12,124)
```
#fe8e0c
```
#fe8e0c rgb(254,142,12)
```

Tetradic Color

#0158bd
```
#0158bd rgb(1,88,189)
```
#0164d6
```
#0164d6 rgb(1,100,214)
```
#016ff0
```
#016ff0 rgb(1,111,240)
```
#0c7cfe
```
#0c7cfe rgb(12,124,254)
```
#258afe
```
#258afe rgb(37,138,254)
```
#3f97fe
```
#3f97fe rgb(63,151,254)
```
#58a5fe
```
#58a5fe rgb(88,165,254)
```

Monochromatic Color

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

#0cb9fe
```
#0cb9fe rgb(12,185,254)
```
#0ca4fe
```
#0ca4fe rgb(12,164,254)
```
#0c90fe
```
#0c90fe rgb(12,144,254)
```
#0c7cfe
```
#0c7cfe rgb(12,124,254)
```
#0c68fe
```
#0c68fe rgb(12,104,254)
```
#0c54fe
```
#0c54fe rgb(12,84,254)
```
#0c40fe
```
#0c40fe rgb(12,64,254)
```

Similar Colors

Text with hexadecimal color #0c7cfe

This text has a font color of #0c7cfe.

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

#0c7cfe background color

This paragraph has a background color of #0c7cfe.

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

#0c7cfe border color

This element has a border color of #0c7cfe.

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

CSS codes

.text {color:#0c7cfe;}

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

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

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)
```
#001732
```
#001732 rgb(0,23,50)
```
#002046
```
#002046 rgb(0,32,70)
```
#002959
```
#002959 rgb(0,41,89)
```
#00336d
```
#00336d rgb(0,51,109)
```
#013c80
```
#013c80 rgb(1,60,128)
```
#014594
```
#014594 rgb(1,69,148)
```
#014ea7
```
#014ea7 rgb(1,78,167)
```
#0157bb
```
#0157bb rgb(1,87,187)
```
#0160ce
```
#0160ce rgb(1,96,206)
```
#0169e2
```
#0169e2 rgb(1,105,226)
```
#0172f5
```
#0172f5 rgb(1,114,245)
```

Shade Color Variation

#0c7cfe
```
#0c7cfe rgb(12,124,254)
```
#2087fe
```
#2087fe rgb(32,135,254)
```
#3391fe
```
#3391fe rgb(51,145,254)
```
#479cfe
```
#479cfe rgb(71,156,254)
```
#5aa6fe
```
#5aa6fe rgb(90,166,254)
```
#6eb1fe
```
#6eb1fe rgb(110,177,254)
```
#81bbfe
```
#81bbfe rgb(129,187,254)
```
#95c6ff
```
#95c6ff rgb(149,198,255)
```
#a8d0ff
```
#a8d0ff rgb(168,208,255)
```
#bcdbff
```
#bcdbff rgb(188,219,255)
```
#cfe5ff
```
#cfe5ff rgb(207,229,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, #7d848d is the less saturated color, while #0c7cfe is the most saturated one.

#7d848d
```
#7d848d rgb(125,132,141)
```
#738497
```
#738497 rgb(115,132,151)
```
#6a83a0
```
#6a83a0 rgb(106,131,160)
```
#6082aa
```
#6082aa rgb(96,130,170)
```
#5782b3
```
#5782b3 rgb(87,130,179)
```
#4e81bc
```
#4e81bc rgb(78,129,188)
```
#4480c6
```
#4480c6 rgb(68,128,198)
```
#3b7fcf
```
#3b7fcf rgb(59,127,207)
```
#327fd8
```
#327fd8 rgb(50,127,216)
```
#287ee2
```
#287ee2 rgb(40,126,226)
```
#1f7deb
```
#1f7deb rgb(31,125,235)
```
#157df5
```
#157df5 rgb(21,125,245)
```
#0c7cfe
```
#0c7cfe rgb(12,124,254)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#566d87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2082fd Protanopia 1% of men
#0089e0 Deuteranopia 1% of men
#00949c Tritanopia 0.001% of the population

Trichromacy

#1880fd Protanomaly 1% of men, 0.01% of women
#0484eb Deuteranomaly 6% of men, 0.4% of women
#048bbf Tritanomaly 0.01% of the population

#0c7cfe hex color

#0c7cfe Color Information

#0c7cfe Color Conversion

Color Schemes with #0c7cfe

Alternatives to #0c7cfe

#0c7cfe Preview

Shades and Tints of #0c7cfe

Tones of #0c7cfe

Color Blindness Simulator