colorhexa.com

#0c4db4 hex color

In a RGB color space, hex #0c4db4 is composed of 4.7% red, 30.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 93.3% cyan, 57.2% magenta, 0% yellow and 29.4% black. It has a hue angle of 216.8 degrees, a saturation of 87.5% and a lightness of 37.6%. #0c4db4 color hex could be obtained by blending #189aff with #000069. Closest websafe color is: #0066cc.

- R 5
- G 30
- B 71
RGB color chart
- C 93
- M 57
- Y 0
- K 29
CMYK color chart

● #0c4db4 color description : Strong blue.

The hexadecimal color #0c4db4 has RGB values of R:12, G:77, B:180 and CMYK values of C:0.93, M:0.57, Y:0, K:0.29. Its decimal value is 806324.

Hex triplet	0c4db4	`#0c4db4`
RGB Decimal	12, 77, 180	`rgb(12,77,180)`
RGB Percent	4.7, 30.2, 70.6	`rgb(4.7%,30.2%,70.6%)`
CMYK	93, 57, 0, 29
HSL	216.8°, 87.5, 37.6	`hsl(216.8,87.5%,37.6%)`
HSV (or HSB)	216.8°, 93.3, 70.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	35.361, 22.587, -59.613
XYZ	11.042, 8.68, 44.271
xyY	0.173, 0.136, 8.68
CIE-LCH	35.361, 63.748, 290.751
CIE-LUV	35.361, -16.861, -84.253
Hunter-Lab	29.462, 15.34, -68.468
Binary	00001100, 01001101, 10110100

#0c4db4
```
#0c4db4 rgb(12,77,180)
```
#b4730c
```
#b4730c rgb(180,115,12)
```

Complementary Color

#0ca1b4
```
#0ca1b4 rgb(12,161,180)
```
#0c4db4
```
#0c4db4 rgb(12,77,180)
```
#1f0cb4
```
#1f0cb4 rgb(31,12,180)
```

Analogous Color

#a1b40c
```
#a1b40c rgb(161,180,12)
```
#0c4db4
```
#0c4db4 rgb(12,77,180)
```
#b41f0c
```
#b41f0c rgb(180,31,12)
```

Split Complementary Color

#4db40c
```
#4db40c rgb(77,180,12)
```
#0c4db4
```
#0c4db4 rgb(12,77,180)
```
#b40c4d
```
#b40c4d rgb(180,12,77)
```

Triadic Color

#0cb473
```
#0cb473 rgb(12,180,115)
```
#0c4db4
```
#0c4db4 rgb(12,77,180)
```
#b40c4d
```
#b40c4d rgb(180,12,77)
```
#b4730c
```
#b4730c rgb(180,115,12)
```

Tetradic Color

#072e6c
```
#072e6c rgb(7,46,108)
```
#093984
```
#093984 rgb(9,57,132)
```
#0a439c
```
#0a439c rgb(10,67,156)
```
#0c4db4
```
#0c4db4 rgb(12,77,180)
```
#0e57cc
```
#0e57cc rgb(14,87,204)
```
#0f61e4
```
#0f61e4 rgb(15,97,228)
```
#1d6ef0
```
#1d6ef0 rgb(29,110,240)
```

Monochromatic Color

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

#0c77b4
```
#0c77b4 rgb(12,119,180)
```
#0c69b4
```
#0c69b4 rgb(12,105,180)
```
#0c5bb4
```
#0c5bb4 rgb(12,91,180)
```
#0c4db4
```
#0c4db4 rgb(12,77,180)
```
#0c3fb4
```
#0c3fb4 rgb(12,63,180)
```
#0c31b4
```
#0c31b4 rgb(12,49,180)
```
#0c23b4
```
#0c23b4 rgb(12,35,180)
```

Similar Colors

Text with hexadecimal color #0c4db4

This text has a font color of #0c4db4.

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

#0c4db4 background color

This paragraph has a background color of #0c4db4.

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

#0c4db4 border color

This element has a border color of #0c4db4.

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

CSS codes

.text {color:#0c4db4;}

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

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

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, #01060e is the darkest color, while #fbfdff is the lightest one.

#01060e
```
#01060e rgb(1,6,14)
```
#020e21
```
#020e21 rgb(2,14,33)
```
#031633
```
#031633 rgb(3,22,51)
```
#051e46
```
#051e46 rgb(5,30,70)
```
#062658
```
#062658 rgb(6,38,88)
```
#072e6a
```
#072e6a rgb(7,46,106)
```
#08357d
```
#08357d rgb(8,53,125)
```
#0a3d8f
```
#0a3d8f rgb(10,61,143)
```
#0b45a2
```
#0b45a2 rgb(11,69,162)
```
#0c4db4
```
#0c4db4 rgb(12,77,180)
```
#0d55c6
```
#0d55c6 rgb(13,85,198)
```
#0e5dd9
```
#0e5dd9 rgb(14,93,217)
```
#1065eb
```
#1065eb rgb(16,101,235)
```

Shade Color Variation

#1e70f0
```
#1e70f0 rgb(30,112,240)
```
#317bf1
```
#317bf1 rgb(49,123,241)
```
#4387f2
```
#4387f2 rgb(67,135,242)
```
#5693f4
```
#5693f4 rgb(86,147,244)
```
#689ff5
```
#689ff5 rgb(104,159,245)
```
#7aaaf6
```
#7aaaf6 rgb(122,170,246)
```
#8db6f7
```
#8db6f7 rgb(141,182,247)
```
#9fc2f9
```
#9fc2f9 rgb(159,194,249)
```
#b2cefa
```
#b2cefa rgb(178,206,250)
```
#c4d9fb
```
#c4d9fb rgb(196,217,251)
```
#d6e5fc
```
#d6e5fc rgb(214,229,252)
```
#e9f1fe
```
#e9f1fe rgb(233,241,254)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d5f63 is the less saturated color, while #054bbb is the most saturated one.

#5d5f63
```
#5d5f63 rgb(93,95,99)
```
#565e6a
```
#565e6a rgb(86,94,106)
```
#4e5c72
```
#4e5c72 rgb(78,92,114)
```
#475a79
```
#475a79 rgb(71,90,121)
```
#405980
```
#405980 rgb(64,89,128)
```
#385788
```
#385788 rgb(56,87,136)
```
#31558f
```
#31558f rgb(49,85,143)
```
#2a5496
```
#2a5496 rgb(42,84,150)
```
#22529e
```
#22529e rgb(34,82,158)
```
#1b50a5
```
#1b50a5 rgb(27,80,165)
```
#134fad
```
#134fad rgb(19,79,173)
```
#0c4db4
```
#0c4db4 rgb(12,77,180)
```
#054bbb
```
#054bbb rgb(5,75,187)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#3a475b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ae Protanopia 1% of men
#005e98 Deuteranopia 1% of men
#00656a Tritanopia 0.001% of the population

Trichromacy

#0454b0 Protanomaly 1% of men, 0.01% of women
#0458a2 Deuteranomaly 6% of men, 0.4% of women
#045c85 Tritanomaly 0.01% of the population