#0c4dfe hex color

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

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

● #0c4dfe color description : Vivid blue.

The hexadecimal color #0c4dfe has RGB values of R:12, G:77, B:254 and CMYK values of C:0.95, M:0.7, Y:0, K:0. Its decimal value is 806398.

Hex triplet	0c4dfe	`#0c4dfe`
RGB Decimal	12, 77, 254	`rgb(12,77,254)`
RGB Percent	4.7, 30.2, 99.6	`rgb(4.7%,30.2%,99.6%)`
CMYK	95, 70, 0, 0
HSL	223.9°, 99.2, 52.2	`hsl(223.9,99.2%,52.2%)`
HSV (or HSB)	223.9°, 95.3, 99.6
Web Safe	0066ff	`#0066ff`

CIE-LAB	42.062, 50.516, -91.065
XYZ	20.691, 12.54, 95.09
xyY	0.161, 0.098, 12.54
CIE-LCH	42.062, 104.138, 299.018
CIE-LUV	42.062, -16.58, -131.18
Hunter-Lab	35.412, 42.327, -134.422
Binary	00001100, 01001101, 11111110

#0c4dfe
```
#0c4dfe rgb(12,77,254)
```
#febd0c
```
#febd0c rgb(254,189,12)
```

Complementary Color

#0cc6fe
```
#0cc6fe rgb(12,198,254)
```
#0c4dfe
```
#0c4dfe rgb(12,77,254)
```
#440cfe
```
#440cfe rgb(68,12,254)
```

Analogous Color

#c6fe0c
```
#c6fe0c rgb(198,254,12)
```
#0c4dfe
```
#0c4dfe rgb(12,77,254)
```
#fe440c
```
#fe440c rgb(254,68,12)
```

Split Complementary Color

#4dfe0c
```
#4dfe0c rgb(77,254,12)
```
#0c4dfe
```
#0c4dfe rgb(12,77,254)
```
#fe0c4d
```
#fe0c4d rgb(254,12,77)
```

Triadic Color

#0cfebd
```
#0cfebd rgb(12,254,189)
```
#0c4dfe
```
#0c4dfe rgb(12,77,254)
```
#fe0c4d
```
#fe0c4d rgb(254,12,77)
```
#febd0c
```
#febd0c rgb(254,189,12)
```

Tetradic Color

#0133bd
```
#0133bd rgb(1,51,189)
```
#013ad6
```
#013ad6 rgb(1,58,214)
```
#0141f0
```
#0141f0 rgb(1,65,240)
```
#0c4dfe
```
#0c4dfe rgb(12,77,254)
```
#2560fe
```
#2560fe rgb(37,96,254)
```
#3f72fe
```
#3f72fe rgb(63,114,254)
```
#5885fe
```
#5885fe rgb(88,133,254)
```

Monochromatic Color

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

#0c8afe
```
#0c8afe rgb(12,138,254)
```
#0c75fe
```
#0c75fe rgb(12,117,254)
```
#0c61fe
```
#0c61fe rgb(12,97,254)
```
#0c4dfe
```
#0c4dfe rgb(12,77,254)
```
#0c39fe
```
#0c39fe rgb(12,57,254)
```
#0c25fe
```
#0c25fe rgb(12,37,254)
```
#0c11fe
```
#0c11fe rgb(12,17,254)
```

Similar Colors

Text with hexadecimal color #0c4dfe

This text has a font color of #0c4dfe.

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

#0c4dfe background color

This paragraph has a background color of #0c4dfe.

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

#0c4dfe border color

This element has a border color of #0c4dfe.

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

CSS codes

.text {color:#0c4dfe;}

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

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

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

#00030b
```
#00030b rgb(0,3,11)
```
#00081e
```
#00081e rgb(0,8,30)
```
#000e32
```
#000e32 rgb(0,14,50)
```
#001346
```
#001346 rgb(0,19,70)
```
#001859
```
#001859 rgb(0,24,89)
```
#001e6d
```
#001e6d rgb(0,30,109)
```
#012380
```
#012380 rgb(1,35,128)
```
#012894
```
#012894 rgb(1,40,148)
```
#012da7
```
#012da7 rgb(1,45,167)
```
#0133bb
```
#0133bb rgb(1,51,187)
```
#0138ce
```
#0138ce rgb(1,56,206)
```
#013de2
```
#013de2 rgb(1,61,226)
```
#0143f5
```
#0143f5 rgb(1,67,245)
```

Shade Color Variation

#0c4dfe
```
#0c4dfe rgb(12,77,254)
```
#205bfe
```
#205bfe rgb(32,91,254)
```
#336afe
```
#336afe rgb(51,106,254)
```
#4778fe
```
#4778fe rgb(71,120,254)
```
#5a86fe
```
#5a86fe rgb(90,134,254)
```
#6e95fe
```
#6e95fe rgb(110,149,254)
```
#81a3fe
```
#81a3fe rgb(129,163,254)
```
#95b1ff
```
#95b1ff rgb(149,177,255)
```
#a8bfff
```
#a8bfff rgb(168,191,255)
```
#bcceff
```
#bcceff rgb(188,206,255)
```
#cfdcff
```
#cfdcff rgb(207,220,255)
```
#e3eaff
```
#e3eaff rgb(227,234,255)
```
#f6f9ff
```
#f6f9ff rgb(246,249,255)
```

Tint Color Variation

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

#7d818d
```
#7d818d rgb(125,129,141)
```
#737d97
```
#737d97 rgb(115,125,151)
```
#6a78a0
```
#6a78a0 rgb(106,120,160)
```
#6074aa
```
#6074aa rgb(96,116,170)
```
#5770b3
```
#5770b3 rgb(87,112,179)
```
#4e6bbc
```
#4e6bbc rgb(78,107,188)
```
#4467c6
```
#4467c6 rgb(68,103,198)
```
#3b63cf
```
#3b63cf rgb(59,99,207)
```
#325ed8
```
#325ed8 rgb(50,94,216)
```
#285ae2
```
#285ae2 rgb(40,90,226)
```
#1f56eb
```
#1f56eb rgb(31,86,235)
```
#1551f5
```
#1551f5 rgb(21,81,245)
```
#0c4dfe
```
#0c4dfe rgb(12,77,254)
```

Tone Color Variation

Below, you can see how #0c4dfe 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
#414e71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068ca Protanopia 1% of men
#006eaf Deuteranopia 1% of men
#00767b Tritanopia 0.001% of the population

Trichromacy

#045edd Protanomaly 1% of men, 0.01% of women
#0462cc Deuteranomaly 6% of men, 0.4% of women
#0467aa Tritanomaly 0.01% of the population

#0c4dfe hex color

#0c4dfe Color Information

#0c4dfe Color Conversion

Color Schemes with #0c4dfe

Alternatives to #0c4dfe

#0c4dfe Preview

Shades and Tints of #0c4dfe

Tones of #0c4dfe

Color Blindness Simulator