#0c4ed6 hex color

In a RGB color space, hex #0c4ed6 is composed of 4.7% red, 30.6% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 94.4% cyan, 63.6% magenta, 0% yellow and 16.1% black. It has a hue angle of 220.4 degrees, a saturation of 89.4% and a lightness of 44.3%. #0c4ed6 color hex could be obtained by blending #189cff with #0000ad. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 5
- G 31
- B 84
RGB color chart
- C 94
- M 64
- Y 0
- K 16
CMYK color chart

● #0c4ed6 color description : Strong blue.

The hexadecimal color #0c4ed6 has RGB values of R:12, G:78, B:214 and CMYK values of C:0.94, M:0.64, Y:0, K:0.16. Its decimal value is 806614.

Hex triplet	0c4ed6	`#0c4ed6`
RGB Decimal	12, 78, 214	`rgb(12,78,214)`
RGB Percent	4.7, 30.6, 83.9	`rgb(4.7%,30.6%,83.9%)`
CMYK	94, 64, 0, 16
HSL	220.4°, 89.4, 44.3	`hsl(220.4,89.4%,44.3%)`
HSV (or HSB)	220.4°, 94.4, 83.9
Web Safe	0066cc	`#0066cc`

CIE-LAB	38.517, 35.28, -74.258
XYZ	15.011, 10.381, 64.827
xyY	0.166, 0.115, 10.381
CIE-LCH	38.517, 82.212, 295.412
CIE-LUV	38.517, -16.738, -106.412
Hunter-Lab	32.219, 26.781, -96.742
Binary	00001100, 01001110, 11010110

#0c4ed6
```
#0c4ed6 rgb(12,78,214)
```
#d6940c
```
#d6940c rgb(214,148,12)
```

Complementary Color

#0cb3d6
```
#0cb3d6 rgb(12,179,214)
```
#0c4ed6
```
#0c4ed6 rgb(12,78,214)
```
#2f0cd6
```
#2f0cd6 rgb(47,12,214)
```

Analogous Color

#b3d60c
```
#b3d60c rgb(179,214,12)
```
#0c4ed6
```
#0c4ed6 rgb(12,78,214)
```
#d62f0c
```
#d62f0c rgb(214,47,12)
```

Split Complementary Color

#4ed60c
```
#4ed60c rgb(78,214,12)
```
#0c4ed6
```
#0c4ed6 rgb(12,78,214)
```
#d60c4e
```
#d60c4e rgb(214,12,78)
```

Triadic Color

#0cd694
```
#0cd694 rgb(12,214,148)
```
#0c4ed6
```
#0c4ed6 rgb(12,78,214)
```
#d60c4e
```
#d60c4e rgb(214,12,78)
```
#d6940c
```
#d6940c rgb(214,148,12)
```

Tetradic Color

#08348e
```
#08348e rgb(8,52,142)
```
#093ca6
```
#093ca6 rgb(9,60,166)
```
#0b45be
```
#0b45be rgb(11,69,190)
```
#0c4ed6
```
#0c4ed6 rgb(12,78,214)
```
#0d57ee
```
#0d57ee rgb(13,87,238)
```
#2266f3
```
#2266f3 rgb(34,102,243)
```
#3b77f4
```
#3b77f4 rgb(59,119,244)
```

Monochromatic Color

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

#0c81d6
```
#0c81d6 rgb(12,129,214)
```
#0c70d6
```
#0c70d6 rgb(12,112,214)
```
#0c5fd6
```
#0c5fd6 rgb(12,95,214)
```
#0c4ed6
```
#0c4ed6 rgb(12,78,214)
```
#0c3dd6
```
#0c3dd6 rgb(12,61,214)
```
#0c2cd6
```
#0c2cd6 rgb(12,44,214)
```
#0c1bd6
```
#0c1bd6 rgb(12,27,214)
```

Similar Colors

Text with hexadecimal color #0c4ed6

This text has a font color of #0c4ed6.

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

#0c4ed6 background color

This paragraph has a background color of #0c4ed6.

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

#0c4ed6 border color

This element has a border color of #0c4ed6.

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

CSS codes

.text {color:#0c4ed6;}

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

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

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

#01040a
```
#01040a rgb(1,4,10)
```
#020a1c
```
#020a1c rgb(2,10,28)
```
#03112f
```
#03112f rgb(3,17,47)
```
#041841
```
#041841 rgb(4,24,65)
```
#051f54
```
#051f54 rgb(5,31,84)
```
#062567
```
#062567 rgb(6,37,103)
```
#072c79
```
#072c79 rgb(7,44,121)
```
#08338c
```
#08338c rgb(8,51,140)
```
#093a9e
```
#093a9e rgb(9,58,158)
```
#0a40b1
```
#0a40b1 rgb(10,64,177)
```
#0b47c3
```
#0b47c3 rgb(11,71,195)
```
#0c4ed6
```
#0c4ed6 rgb(12,78,214)
```
#0d55e9
```
#0d55e9 rgb(13,85,233)
```

Shade Color Variation

#175ff2
```
#175ff2 rgb(23,95,242)
```
#2a6cf3
```
#2a6cf3 rgb(42,108,243)
```
#3c78f4
```
#3c78f4 rgb(60,120,244)
```
#4f85f5
```
#4f85f5 rgb(79,133,245)
```
#6292f6
```
#6292f6 rgb(98,146,246)
```
#749ff7
```
#749ff7 rgb(116,159,247)
```
#87acf8
```
#87acf8 rgb(135,172,248)
```
#99b9f9
```
#99b9f9 rgb(153,185,249)
```
#acc5fa
```
#acc5fa rgb(172,197,250)
```
#bed2fb
```
#bed2fb rgb(190,210,251)
```
#d1dffc
```
#d1dffc rgb(209,223,252)
```
#e4ecfd
```
#e4ecfd rgb(228,236,253)
```
#f6f9ff
```
#f6f9ff rgb(246,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6f76 is the less saturated color, while #034bdf is the most saturated one.

#6c6f76
```
#6c6f76 rgb(108,111,118)
```
#636c7f
```
#636c7f rgb(99,108,127)
```
#5a6988
```
#5a6988 rgb(90,105,136)
```
#526690
```
#526690 rgb(82,102,144)
```
#496399
```
#496399 rgb(73,99,153)
```
#4060a2
```
#4060a2 rgb(64,96,162)
```
#375dab
```
#375dab rgb(55,93,171)
```
#2f5ab3
```
#2f5ab3 rgb(47,90,179)
```
#2657bc
```
#2657bc rgb(38,87,188)
```
#1d54c5
```
#1d54c5 rgb(29,84,197)
```
#1551cd
```
#1551cd rgb(21,81,205)
```
#0c4ed6
```
#0c4ed6 rgb(12,78,214)
```
#034bdf
```
#034bdf rgb(3,75,223)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#3e4b66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0065a3 Deuteranopia 1% of men
#006d72 Tritanopia 0.001% of the population

Trichromacy

#0459c5 Protanomaly 1% of men, 0.01% of women
#045db5 Deuteranomaly 6% of men, 0.4% of women
#046196 Tritanomaly 0.01% of the population

#0c4ed6 hex color

#0c4ed6 Color Information

#0c4ed6 Color Conversion

Color Schemes with #0c4ed6

Alternatives to #0c4ed6

#0c4ed6 Preview

Shades and Tints of #0c4ed6

Tones of #0c4ed6

Color Blindness Simulator