#0c4ecd hex color

In a RGB color space, hex #0c4ecd is composed of 4.7% red, 30.6% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 94.1% cyan, 62% magenta, 0% yellow and 19.6% black. It has a hue angle of 219.5 degrees, a saturation of 88.9% and a lightness of 42.5%. #0c4ecd color hex could be obtained by blending #189cff with #00009b. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 5
- G 31
- B 80
RGB color chart
- C 94
- M 62
- Y 0
- K 20
CMYK color chart

● #0c4ecd color description : Strong blue.

The hexadecimal color #0c4ecd has RGB values of R:12, G:78, B:205 and CMYK values of C:0.94, M:0.62, Y:0, K:0.2. Its decimal value is 806605.

Hex triplet	0c4ecd	`#0c4ecd`
RGB Decimal	12, 78, 205	`rgb(12,78,205)`
RGB Percent	4.7, 30.6, 80.4	`rgb(4.7%,30.6%,80.4%)`
CMYK	94, 62, 0, 20
HSL	219.5°, 88.9, 42.5	`hsl(219.5,88.9%,42.5%)`
HSV (or HSB)	219.5°, 94.1, 80.4
Web Safe	0066cc	`#0066cc`

CIE-LAB	37.723, 31.82, -70.371
XYZ	13.893, 9.934, 58.939
xyY	0.168, 0.12, 9.934
CIE-LCH	37.723, 77.231, 294.332
CIE-LUV	37.723, -16.798, -100.614
Hunter-Lab	31.518, 23.528, -88.813
Binary	00001100, 01001110, 11001101

#0c4ecd
```
#0c4ecd rgb(12,78,205)
```
#cd8b0c
```
#cd8b0c rgb(205,139,12)
```

Complementary Color

#0cafcd
```
#0cafcd rgb(12,175,205)
```
#0c4ecd
```
#0c4ecd rgb(12,78,205)
```
#2a0ccd
```
#2a0ccd rgb(42,12,205)
```

Analogous Color

#afcd0c
```
#afcd0c rgb(175,205,12)
```
#0c4ecd
```
#0c4ecd rgb(12,78,205)
```
#cd2a0c
```
#cd2a0c rgb(205,42,12)
```

Split Complementary Color

#4ecd0c
```
#4ecd0c rgb(78,205,12)
```
#0c4ecd
```
#0c4ecd rgb(12,78,205)
```
#cd0c4e
```
#cd0c4e rgb(205,12,78)
```

Triadic Color

#0ccd8b
```
#0ccd8b rgb(12,205,139)
```
#0c4ecd
```
#0c4ecd rgb(12,78,205)
```
#cd0c4e
```
#cd0c4e rgb(205,12,78)
```
#cd8b0c
```
#cd8b0c rgb(205,139,12)
```

Tetradic Color

#083385
```
#083385 rgb(8,51,133)
```
#093c9d
```
#093c9d rgb(9,60,157)
```
#0b45b5
```
#0b45b5 rgb(11,69,181)
```
#0c4ecd
```
#0c4ecd rgb(12,78,205)
```
#0d57e5
```
#0d57e5 rgb(13,87,229)
```
#1a64f2
```
#1a64f2 rgb(26,100,242)
```
#3274f3
```
#3274f3 rgb(50,116,243)
```

Monochromatic Color

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

#0c7ecd
```
#0c7ecd rgb(12,126,205)
```
#0c6ecd
```
#0c6ecd rgb(12,110,205)
```
#0c5ecd
```
#0c5ecd rgb(12,94,205)
```
#0c4ecd
```
#0c4ecd rgb(12,78,205)
```
#0c3ecd
```
#0c3ecd rgb(12,62,205)
```
#0c2ecd
```
#0c2ecd rgb(12,46,205)
```
#0c1ecd
```
#0c1ecd rgb(12,30,205)
```

Similar Colors

Text with hexadecimal color #0c4ecd

This text has a font color of #0c4ecd.

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

#0c4ecd background color

This paragraph has a background color of #0c4ecd.

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

#0c4ecd border color

This element has a border color of #0c4ecd.

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

CSS codes

.text {color:#0c4ecd;}

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

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

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 #eef3fe is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#010714
```
#010714 rgb(1,7,20)
```
#020f26
```
#020f26 rgb(2,15,38)
```
#031639
```
#031639 rgb(3,22,57)
```
#041d4b
```
#041d4b rgb(4,29,75)
```
#05245e
```
#05245e rgb(5,36,94)
```
#072b70
```
#072b70 rgb(7,43,112)
```
#083283
```
#083283 rgb(8,50,131)
```
#093995
```
#093995 rgb(9,57,149)
```
#0a40a8
```
#0a40a8 rgb(10,64,168)
```
#0b47ba
```
#0b47ba rgb(11,71,186)
```
#0c4ecd
```
#0c4ecd rgb(12,78,205)
```
#0d55e0
```
#0d55e0 rgb(13,85,224)
```

Shade Color Variation

#0f5cf1
```
#0f5cf1 rgb(15,92,241)
```
#2269f2
```
#2269f2 rgb(34,105,242)
```
#3476f3
```
#3476f3 rgb(52,118,243)
```
#4782f4
```
#4782f4 rgb(71,130,244)
```
#598ff5
```
#598ff5 rgb(89,143,245)
```
#6c9bf6
```
#6c9bf6 rgb(108,155,246)
```
#7ea8f7
```
#7ea8f7 rgb(126,168,247)
```
#91b4f9
```
#91b4f9 rgb(145,180,249)
```
#a4c1fa
```
#a4c1fa rgb(164,193,250)
```
#b6cefb
```
#b6cefb rgb(182,206,251)
```
#c9dafc
```
#c9dafc rgb(201,218,252)
```
#dbe7fd
```
#dbe7fd rgb(219,231,253)
```
#eef3fe
```
#eef3fe rgb(238,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686b71 is the less saturated color, while #044bd5 is the most saturated one.

#686b71
```
#686b71 rgb(104,107,113)
```
#5f687a
```
#5f687a rgb(95,104,122)
```
#576682
```
#576682 rgb(87,102,130)
```
#4f638a
```
#4f638a rgb(79,99,138)
```
#466093
```
#466093 rgb(70,96,147)
```
#3e5e9b
```
#3e5e9b rgb(62,94,155)
```
#365ba3
```
#365ba3 rgb(54,91,163)
```
#2d59ac
```
#2d59ac rgb(45,89,172)
```
#2556b4
```
#2556b4 rgb(37,86,180)
```
#1d53bc
```
#1d53bc rgb(29,83,188)
```
#1451c5
```
#1451c5 rgb(20,81,197)
```
#0c4ecd
```
#0c4ecd rgb(12,78,205)
```
#044bd5
```
#044bd5 rgb(4,75,213)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#3d4a63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb8 Protanopia 1% of men
#0063a0 Deuteranopia 1% of men
#006b70 Tritanopia 0.001% of the population

Trichromacy

#0458c0 Protanomaly 1% of men, 0.01% of women
#045bb0 Deuteranomaly 6% of men, 0.4% of women
#046092 Tritanomaly 0.01% of the population

#0c4ecd hex color

#0c4ecd Color Information

#0c4ecd Color Conversion

Color Schemes with #0c4ecd

Alternatives to #0c4ecd

#0c4ecd Preview

Shades and Tints of #0c4ecd

Tones of #0c4ecd

Color Blindness Simulator