#0c4af4 hex color

In a RGB color space, hex #0c4af4 is composed of 4.7% red, 29% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 95.1% cyan, 69.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 224 degrees, a saturation of 91.3% and a lightness of 50.2%. #0c4af4 color hex could be obtained by blending #1894ff with #0000e9. Closest websafe color is: #0033ff.

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

● #0c4af4 color description : Vivid blue.

The hexadecimal color #0c4af4 has RGB values of R:12, G:74, B:244 and CMYK values of C:0.95, M:0.7, Y:0, K:0.04. Its decimal value is 805620.

Hex triplet	0c4af4	`#0c4af4`
RGB Decimal	12, 74, 244	`rgb(12,74,244)`
RGB Percent	4.7, 29, 95.7	`rgb(4.7%,29%,95.7%)`
CMYK	95, 70, 0, 4
HSL	224°, 91.3, 50.2	`hsl(224,91.3%,50.2%)`
HSV (or HSB)	224°, 95.1, 95.7
Web Safe	0033ff	`#0033ff`

CIE-LAB	40.42, 48.786, -88.175
XYZ	18.926, 11.506, 86.806
xyY	0.161, 0.098, 11.506
CIE-LCH	40.42, 100.771, 298.955
CIE-LUV	40.42, -15.935, -125.691
Hunter-Lab	33.92, 40.236, -127.987
Binary	00001100, 01001010, 11110100

#0c4af4
```
#0c4af4 rgb(12,74,244)
```
#f4b60c
```
#f4b60c rgb(244,182,12)
```

Complementary Color

#0cbef4
```
#0cbef4 rgb(12,190,244)
```
#0c4af4
```
#0c4af4 rgb(12,74,244)
```
#420cf4
```
#420cf4 rgb(66,12,244)
```

Analogous Color

#bef40c
```
#bef40c rgb(190,244,12)
```
#0c4af4
```
#0c4af4 rgb(12,74,244)
```
#f4420c
```
#f4420c rgb(244,66,12)
```

Split Complementary Color

#4af40c
```
#4af40c rgb(74,244,12)
```
#0c4af4
```
#0c4af4 rgb(12,74,244)
```
#f40c4a
```
#f40c4a rgb(244,12,74)
```

Triadic Color

#0cf4b6
```
#0cf4b6 rgb(12,244,182)
```
#0c4af4
```
#0c4af4 rgb(12,74,244)
```
#f40c4a
```
#f40c4a rgb(244,12,74)
```
#f4b60c
```
#f4b60c rgb(244,182,12)
```

Tetradic Color

#0834ac
```
#0834ac rgb(8,52,172)
```
#093bc4
```
#093bc4 rgb(9,59,196)
```
#0a42dd
```
#0a42dd rgb(10,66,221)
```
#0c4af4
```
#0c4af4 rgb(12,74,244)
```
#245cf5
```
#245cf5 rgb(36,92,245)
```
#3d6ef6
```
#3d6ef6 rgb(61,110,246)
```
#5581f7
```
#5581f7 rgb(85,129,247)
```

Monochromatic Color

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

#0c84f4
```
#0c84f4 rgb(12,132,244)
```
#0c71f4
```
#0c71f4 rgb(12,113,244)
```
#0c5df4
```
#0c5df4 rgb(12,93,244)
```
#0c4af4
```
#0c4af4 rgb(12,74,244)
```
#0c37f4
```
#0c37f4 rgb(12,55,244)
```
#0c23f4
```
#0c23f4 rgb(12,35,244)
```
#0c10f4
```
#0c10f4 rgb(12,16,244)
```

Similar Colors

Text with hexadecimal color #0c4af4

This text has a font color of #0c4af4.

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

#0c4af4 background color

This paragraph has a background color of #0c4af4.

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

#0c4af4 border color

This element has a border color of #0c4af4.

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

CSS codes

.text {color:#0c4af4;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010614
```
#010614 rgb(1,6,20)
```
#020c26
```
#020c26 rgb(2,12,38)
```
#031139
```
#031139 rgb(3,17,57)
```
#03174c
```
#03174c rgb(3,23,76)
```
#041c5f
```
#041c5f rgb(4,28,95)
```
#052272
```
#052272 rgb(5,34,114)
```
#062884
```
#062884 rgb(6,40,132)
```
#072d97
```
#072d97 rgb(7,45,151)
```
#0833aa
```
#0833aa rgb(8,51,170)
```
#0939bd
```
#0939bd rgb(9,57,189)
```
#093ecf
```
#093ecf rgb(9,62,207)
```
#0a44e2
```
#0a44e2 rgb(10,68,226)
```

Shade Color Variation

#0c4af4
```
#0c4af4 rgb(12,74,244)
```
#1f58f5
```
#1f58f5 rgb(31,88,245)
```
#3266f6
```
#3266f6 rgb(50,102,246)
```
#4474f7
```
#4474f7 rgb(68,116,247)
```
#5782f7
```
#5782f7 rgb(87,130,247)
```
#6a90f8
```
#6a90f8 rgb(106,144,248)
```
#7d9ef9
```
#7d9ef9 rgb(125,158,249)
```
#8facfa
```
#8facfa rgb(143,172,250)
```
#a2bafb
```
#a2bafb rgb(162,186,251)
```
#b5c8fc
```
#b5c8fc rgb(181,200,252)
```
#c8d6fc
```
#c8d6fc rgb(200,214,252)
```
#dae4fd
```
#dae4fd rgb(218,228,253)
```
#edf2fe
```
#edf2fe rgb(237,242,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777c89 is the less saturated color, while #0245fe is the most saturated one.

#777c89
```
#777c89 rgb(119,124,137)
```
#6e7792
```
#6e7792 rgb(110,119,146)
```
#64739c
```
#64739c rgb(100,115,156)
```
#5a6ea6
```
#5a6ea6 rgb(90,110,166)
```
#506ab0
```
#506ab0 rgb(80,106,176)
```
#4765b9
```
#4765b9 rgb(71,101,185)
```
#3d61c3
```
#3d61c3 rgb(61,97,195)
```
#335ccd
```
#335ccd rgb(51,92,205)
```
#2958d7
```
#2958d7 rgb(41,88,215)
```
#2053e0
```
#2053e0 rgb(32,83,224)
```
#164fea
```
#164fea rgb(22,79,234)
```
#0c4af4
```
#0c4af4 rgb(12,74,244)
```
#0245fe
```
#0245fe rgb(2,69,254)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#3e4b6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#045ad5 Protanomaly 1% of men, 0.01% of women
#045ec4 Deuteranomaly 6% of men, 0.4% of women
#0463a4 Tritanomaly 0.01% of the population

#0c4af4 hex color

#0c4af4 Color Information

#0c4af4 Color Conversion

Color Schemes with #0c4af4

Alternatives to #0c4af4

#0c4af4 Preview

Shades and Tints of #0c4af4

Tones of #0c4af4

Color Blindness Simulator