#0c4ff7 hex color

In a RGB color space, hex #0c4ff7 is composed of 4.7% red, 31% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 95.1% cyan, 68% magenta, 0% yellow and 3.1% black. It has a hue angle of 222.9 degrees, a saturation of 93.6% and a lightness of 50.8%. #0c4ff7 color hex could be obtained by blending #189eff with #0000ef. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 5
- G 31
- B 97
RGB color chart
- C 95
- M 68
- Y 0
- K 3
CMYK color chart

● #0c4ff7 color description : Vivid blue.

The hexadecimal color #0c4ff7 has RGB values of R:12, G:79, B:247 and CMYK values of C:0.95, M:0.68, Y:0, K:0.03. Its decimal value is 806903.

Hex triplet	0c4ff7	`#0c4ff7`
RGB Decimal	12, 79, 247	`rgb(12,79,247)`
RGB Percent	4.7, 31, 96.9	`rgb(4.7%,31%,96.9%)`
CMYK	95, 68, 0, 3
HSL	222.9°, 93.6, 50.8	`hsl(222.9,93.6%,50.8%)`
HSV (or HSB)	222.9°, 95.1, 96.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	41.82, 46.84, -87.548
XYZ	19.733, 12.384, 89.341
xyY	0.162, 0.102, 12.384
CIE-LCH	41.82, 99.291, 298.148
CIE-LUV	41.82, -16.934, -126.649
Hunter-Lab	35.191, 38.507, -125.89
Binary	00001100, 01001111, 11110111

#0c4ff7
```
#0c4ff7 rgb(12,79,247)
```
#f7b40c
```
#f7b40c rgb(247,180,12)
```

Complementary Color

#0cc5f7
```
#0cc5f7 rgb(12,197,247)
```
#0c4ff7
```
#0c4ff7 rgb(12,79,247)
```
#3f0cf7
```
#3f0cf7 rgb(63,12,247)
```

Analogous Color

#c5f70c
```
#c5f70c rgb(197,247,12)
```
#0c4ff7
```
#0c4ff7 rgb(12,79,247)
```
#f73f0c
```
#f73f0c rgb(247,63,12)
```

Split Complementary Color

#4ff70c
```
#4ff70c rgb(79,247,12)
```
#0c4ff7
```
#0c4ff7 rgb(12,79,247)
```
#f70c4f
```
#f70c4f rgb(247,12,79)
```

Triadic Color

#0cf7b4
```
#0cf7b4 rgb(12,247,180)
```
#0c4ff7
```
#0c4ff7 rgb(12,79,247)
```
#f70c4f
```
#f70c4f rgb(247,12,79)
```
#f7b40c
```
#f7b40c rgb(247,180,12)
```

Tetradic Color

#0637b1
```
#0637b1 rgb(6,55,177)
```
#073ec9
```
#073ec9 rgb(7,62,201)
```
#0746e2
```
#0746e2 rgb(7,70,226)
```
#0c4ff7
```
#0c4ff7 rgb(12,79,247)
```
#2561f8
```
#2561f8 rgb(37,97,248)
```
#3d73f9
```
#3d73f9 rgb(61,115,249)
```
#5685f9
```
#5685f9 rgb(86,133,249)
```

Monochromatic Color

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

#0c8af7
```
#0c8af7 rgb(12,138,247)
```
#0c76f7
```
#0c76f7 rgb(12,118,247)
```
#0c63f7
```
#0c63f7 rgb(12,99,247)
```
#0c4ff7
```
#0c4ff7 rgb(12,79,247)
```
#0c3bf7
```
#0c3bf7 rgb(12,59,247)
```
#0c28f7
```
#0c28f7 rgb(12,40,247)
```
#0c14f7
```
#0c14f7 rgb(12,20,247)
```

Similar Colors

Text with hexadecimal color #0c4ff7

This text has a font color of #0c4ff7.

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

#0c4ff7 background color

This paragraph has a background color of #0c4ff7.

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

#0c4ff7 border color

This element has a border color of #0c4ff7.

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

CSS codes

.text {color:#0c4ff7;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#010717
```
#010717 rgb(1,7,23)
```
#010d2a
```
#010d2a rgb(1,13,42)
```
#02133d
```
#02133d rgb(2,19,61)
```
#031950
```
#031950 rgb(3,25,80)
```
#031f63
```
#031f63 rgb(3,31,99)
```
#042476
```
#042476 rgb(4,36,118)
```
#052a89
```
#052a89 rgb(5,42,137)
```
#05309c
```
#05309c rgb(5,48,156)
```
#0636af
```
#0636af rgb(6,54,175)
```
#063cc2
```
#063cc2 rgb(6,60,194)
```
#0742d5
```
#0742d5 rgb(7,66,213)
```
#0848e8
```
#0848e8 rgb(8,72,232)
```

Shade Color Variation

#0c4ff7
```
#0c4ff7 rgb(12,79,247)
```
#1f5df8
```
#1f5df8 rgb(31,93,248)
```
#326bf8
```
#326bf8 rgb(50,107,248)
```
#4578f9
```
#4578f9 rgb(69,120,249)
```
#5886fa
```
#5886fa rgb(88,134,250)
```
#6b94fa
```
#6b94fa rgb(107,148,250)
```
#7ea2fb
```
#7ea2fb rgb(126,162,251)
```
#91affb
```
#91affb rgb(145,175,251)
```
#a4bdfc
```
#a4bdfc rgb(164,189,252)
```
#b7cbfd
```
#b7cbfd rgb(183,203,253)
```
#cad9fd
```
#cad9fd rgb(202,217,253)
```
#dde6fe
```
#dde6fe rgb(221,230,254)
```
#f0f4ff
```
#f0f4ff rgb(240,244,255)
```

Tint Color Variation

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

#808183
```
#808183 rgb(128,129,131)
```
#767d8d
```
#767d8d rgb(118,125,141)
```
#6d7896
```
#6d7896 rgb(109,120,150)
```
#6374a0
```
#6374a0 rgb(99,116,160)
```
#5970aa
```
#5970aa rgb(89,112,170)
```
#506cb3
```
#506cb3 rgb(80,108,179)
```
#4668bd
```
#4668bd rgb(70,104,189)
```
#3c64c7
```
#3c64c7 rgb(60,100,199)
```
#3360d0
```
#3360d0 rgb(51,96,208)
```
#295bda
```
#295bda rgb(41,91,218)
```
#1f57e4
```
#1f57e4 rgb(31,87,228)
```
#1653ed
```
#1653ed rgb(22,83,237)
```
#0c4ff7
```
#0c4ff7 rgb(12,79,247)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#414e70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006dae Deuteranopia 1% of men
#00757a Tritanopia 0.001% of the population

Trichromacy

#045eda Protanomaly 1% of men, 0.01% of women
#0462c9 Deuteranomaly 6% of men, 0.4% of women
#0467a8 Tritanomaly 0.01% of the population

#0c4ff7 hex color

#0c4ff7 Color Information

#0c4ff7 Color Conversion

Color Schemes with #0c4ff7

Alternatives to #0c4ff7

#0c4ff7 Preview

Shades and Tints of #0c4ff7

Tones of #0c4ff7

Color Blindness Simulator