#0c4af7 hex color

In a RGB color space, hex #0c4af7 is composed of 4.7% red, 29% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 95.1% cyan, 70% magenta, 0% yellow and 3.1% black. It has a hue angle of 224.2 degrees, a saturation of 93.6% and a lightness of 50.8%. #0c4af7 color hex could be obtained by blending #1894ff with #0000ef. Closest websafe color is: #0033ff.

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

● #0c4af7 color description : Vivid blue.

The hexadecimal color #0c4af7 has RGB values of R:12, G:74, B:247 and CMYK values of C:0.95, M:0.7, Y:0, K:0.03. Its decimal value is 805623.

Hex triplet	0c4af7	`#0c4af7`
RGB Decimal	12, 74, 247	`rgb(12,74,247)`
RGB Percent	4.7, 29, 96.9	`rgb(4.7%,29%,96.9%)`
CMYK	95, 70, 0, 3
HSL	224.2°, 93.6, 50.8	`hsl(224.2,93.6%,50.8%)`
HSV (or HSB)	224.2°, 95.1, 96.9
Web Safe	0033ff	`#0033ff`

CIE-LAB	40.718, 49.842, -89.367
XYZ	19.385, 11.69, 89.225
xyY	0.161, 0.097, 11.69
CIE-LCH	40.718, 102.326, 299.149
CIE-LUV	40.718, -15.958, -127.474
Hunter-Lab	34.19, 41.376, -130.796
Binary	00001100, 01001010, 11110111

#0c4af7
```
#0c4af7 rgb(12,74,247)
```
#f7b90c
```
#f7b90c rgb(247,185,12)
```

Complementary Color

#0cc0f7
```
#0cc0f7 rgb(12,192,247)
```
#0c4af7
```
#0c4af7 rgb(12,74,247)
```
#440cf7
```
#440cf7 rgb(68,12,247)
```

Analogous Color

#c0f70c
```
#c0f70c rgb(192,247,12)
```
#0c4af7
```
#0c4af7 rgb(12,74,247)
```
#f7440c
```
#f7440c rgb(247,68,12)
```

Split Complementary Color

#4af70c
```
#4af70c rgb(74,247,12)
```
#0c4af7
```
#0c4af7 rgb(12,74,247)
```
#f70c4a
```
#f70c4a rgb(247,12,74)
```

Triadic Color

#0cf7b9
```
#0cf7b9 rgb(12,247,185)
```
#0c4af7
```
#0c4af7 rgb(12,74,247)
```
#f70c4a
```
#f70c4a rgb(247,12,74)
```
#f7b90c
```
#f7b90c rgb(247,185,12)
```

Tetradic Color

#0633b1
```
#0633b1 rgb(6,51,177)
```
#073ac9
```
#073ac9 rgb(7,58,201)
```
#0741e2
```
#0741e2 rgb(7,65,226)
```
#0c4af7
```
#0c4af7 rgb(12,74,247)
```
#255cf8
```
#255cf8 rgb(37,92,248)
```
#3d6ff9
```
#3d6ff9 rgb(61,111,249)
```
#5681f9
```
#5681f9 rgb(86,129,249)
```

Monochromatic Color

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

#0c85f7
```
#0c85f7 rgb(12,133,247)
```
#0c71f7
```
#0c71f7 rgb(12,113,247)
```
#0c5ef7
```
#0c5ef7 rgb(12,94,247)
```
#0c4af7
```
#0c4af7 rgb(12,74,247)
```
#0c36f7
```
#0c36f7 rgb(12,54,247)
```
#0c23f7
```
#0c23f7 rgb(12,35,247)
```
#0c0ff7
```
#0c0ff7 rgb(12,15,247)
```

Similar Colors

Text with hexadecimal color #0c4af7

This text has a font color of #0c4af7.

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

#0c4af7 background color

This paragraph has a background color of #0c4af7.

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

#0c4af7 border color

This element has a border color of #0c4af7.

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

CSS codes

.text {color:#0c4af7;}

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

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

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)
```
#010c2a
```
#010c2a rgb(1,12,42)
```
#02123d
```
#02123d rgb(2,18,61)
```
#031750
```
#031750 rgb(3,23,80)
```
#031c63
```
#031c63 rgb(3,28,99)
```
#042276
```
#042276 rgb(4,34,118)
```
#052789
```
#052789 rgb(5,39,137)
```
#052d9c
```
#052d9c rgb(5,45,156)
```
#0632af
```
#0632af rgb(6,50,175)
```
#0638c2
```
#0638c2 rgb(6,56,194)
```
#073dd5
```
#073dd5 rgb(7,61,213)
```
#0843e8
```
#0843e8 rgb(8,67,232)
```

Shade Color Variation

#0c4af7
```
#0c4af7 rgb(12,74,247)
```
#1f58f8
```
#1f58f8 rgb(31,88,248)
```
#3266f8
```
#3266f8 rgb(50,102,248)
```
#4574f9
```
#4574f9 rgb(69,116,249)
```
#5883fa
```
#5883fa rgb(88,131,250)
```
#6b91fa
```
#6b91fa rgb(107,145,250)
```
#7e9ffb
```
#7e9ffb rgb(126,159,251)
```
#91adfb
```
#91adfb rgb(145,173,251)
```
#a4bbfc
```
#a4bbfc rgb(164,187,252)
```
#b7c9fd
```
#b7c9fd rgb(183,201,253)
```
#cad7fd
```
#cad7fd rgb(202,215,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 #0c4af7 is the most saturated one.

#808183
```
#808183 rgb(128,129,131)
```
#767c8d
```
#767c8d rgb(118,124,141)
```
#6d7896
```
#6d7896 rgb(109,120,150)
```
#6373a0
```
#6373a0 rgb(99,115,160)
```
#596eaa
```
#596eaa rgb(89,110,170)
```
#506ab3
```
#506ab3 rgb(80,106,179)
```
#4665bd
```
#4665bd rgb(70,101,189)
```
#3c61c7
```
#3c61c7 rgb(60,97,199)
```
#335cd0
```
#335cd0 rgb(51,92,208)
```
#2958da
```
#2958da rgb(41,88,218)
```
#1f53e4
```
#1f53e4 rgb(31,83,228)
```
#164fed
```
#164fed rgb(22,79,237)
```
#0c4af7
```
#0c4af7 rgb(12,74,247)
```

Tone Color Variation

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

#0065c5 Protanopia 1% of men
#006baa Deuteranopia 1% of men
#007277 Tritanopia 0.001% of the population

Trichromacy

#045bd7 Protanomaly 1% of men, 0.01% of women
#045fc6 Deuteranomaly 6% of men, 0.4% of women
#0463a6 Tritanomaly 0.01% of the population

#0c4af7 hex color

#0c4af7 Color Information

#0c4af7 Color Conversion

Color Schemes with #0c4af7

Alternatives to #0c4af7

#0c4af7 Preview

Shades and Tints of #0c4af7

Tones of #0c4af7

Color Blindness Simulator