#0c4586 hex color

In a RGB color space, hex #0c4586 is composed of 4.7% red, 27.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 91% cyan, 48.5% magenta, 0% yellow and 47.5% black. It has a hue angle of 212 degrees, a saturation of 83.6% and a lightness of 28.6%. #0c4586 color hex could be obtained by blending #188aff with #00000d. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 5
- G 27
- B 53
RGB color chart
- C 91
- M 49
- Y 0
- K 47
CMYK color chart

● #0c4586 color description : Dark blue.

The hexadecimal color #0c4586 has RGB values of R:12, G:69, B:134 and CMYK values of C:0.91, M:0.49, Y:0, K:0.47. Its decimal value is 804230.

Hex triplet	0c4586	`#0c4586`
RGB Decimal	12, 69, 134	`rgb(12,69,134)`
RGB Percent	4.7, 27.1, 52.5	`rgb(4.7%,27.1%,52.5%)`
CMYK	91, 49, 0, 47
HSL	212°, 83.6, 28.6	`hsl(212,83.6%,28.6%)`
HSV (or HSB)	212°, 91, 52.5
Web Safe	003399	`#003399`

CIE-LAB	29.551, 8.984, -41.219
XYZ	6.582, 6.055, 23.375
xyY	0.183, 0.168, 6.055
CIE-LCH	29.551, 42.186, 282.295
CIE-LUV	29.551, -15.632, -54.955
Hunter-Lab	24.607, 4.683, -39.096
Binary	00001100, 01000101, 10000110

#0c4586
```
#0c4586 rgb(12,69,134)
```
#864d0c
```
#864d0c rgb(134,77,12)
```

Complementary Color

#0c8286
```
#0c8286 rgb(12,130,134)
```
#0c4586
```
#0c4586 rgb(12,69,134)
```
#100c86
```
#100c86 rgb(16,12,134)
```

Analogous Color

#82860c
```
#82860c rgb(130,134,12)
```
#0c4586
```
#0c4586 rgb(12,69,134)
```
#86100c
```
#86100c rgb(134,16,12)
```

Split Complementary Color

#45860c
```
#45860c rgb(69,134,12)
```
#0c4586
```
#0c4586 rgb(12,69,134)
```
#860c45
```
#860c45 rgb(134,12,69)
```

Triadic Color

#0c864d
```
#0c864d rgb(12,134,77)
```
#0c4586
```
#0c4586 rgb(12,69,134)
```
#860c45
```
#860c45 rgb(134,12,69)
```
#864d0c
```
#864d0c rgb(134,77,12)
```

Tetradic Color

#062140
```
#062140 rgb(6,33,64)
```
#082d57
```
#082d57 rgb(8,45,87)
```
#0a396f
```
#0a396f rgb(10,57,111)
```
#0c4586
```
#0c4586 rgb(12,69,134)
```
#0e519d
```
#0e519d rgb(14,81,157)
```
#105db5
```
#105db5 rgb(16,93,181)
```
#1269cc
```
#1269cc rgb(18,105,204)
```

Monochromatic Color

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

#0c6486
```
#0c6486 rgb(12,100,134)
```
#0c5986
```
#0c5986 rgb(12,89,134)
```
#0c4f86
```
#0c4f86 rgb(12,79,134)
```
#0c4586
```
#0c4586 rgb(12,69,134)
```
#0c3b86
```
#0c3b86 rgb(12,59,134)
```
#0c3186
```
#0c3186 rgb(12,49,134)
```
#0c2786
```
#0c2786 rgb(12,39,134)
```

Similar Colors

Text with hexadecimal color #0c4586

This text has a font color of #0c4586.

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

#0c4586 background color

This paragraph has a background color of #0c4586.

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

#0c4586 border color

This element has a border color of #0c4586.

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

CSS codes

.text {color:#0c4586;}

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

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

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

#010408
```
#010408 rgb(1,4,8)
```
#020d1a
```
#020d1a rgb(2,13,26)
```
#04172c
```
#04172c rgb(4,23,44)
```
#06203e
```
#06203e rgb(6,32,62)
```
#072950
```
#072950 rgb(7,41,80)
```
#093262
```
#093262 rgb(9,50,98)
```
#0a3c74
```
#0a3c74 rgb(10,60,116)
```
#0c4586
```
#0c4586 rgb(12,69,134)
```
#0e4e98
```
#0e4e98 rgb(14,78,152)
```
#0f58aa
```
#0f58aa rgb(15,88,170)
```
#1161bc
```
#1161bc rgb(17,97,188)
```
#126ace
```
#126ace rgb(18,106,206)
```
#1473e0
```
#1473e0 rgb(20,115,224)
```

Shade Color Variation

#1d7deb
```
#1d7deb rgb(29,125,235)
```
#2f87ec
```
#2f87ec rgb(47,135,236)
```
#4192ee
```
#4192ee rgb(65,146,238)
```
#539cf0
```
#539cf0 rgb(83,156,240)
```
#65a6f1
```
#65a6f1 rgb(101,166,241)
```
#77b1f3
```
#77b1f3 rgb(119,177,243)
```
#89bbf4
```
#89bbf4 rgb(137,187,244)
```
#9bc6f6
```
#9bc6f6 rgb(155,198,246)
```
#add0f8
```
#add0f8 rgb(173,208,248)
```
#bfdaf9
```
#bfdaf9 rgb(191,218,249)
```
#d1e5fb
```
#d1e5fb rgb(209,229,251)
```
#e3effc
```
#e3effc rgb(227,239,252)
```
#f5f9fe
```
#f5f9fe rgb(245,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #44494e is the less saturated color, while #014491 is the most saturated one.

#44494e
```
#44494e rgb(68,73,78)
```
#3f4853
```
#3f4853 rgb(63,72,83)
```
#394859
```
#394859 rgb(57,72,89)
```
#33485f
```
#33485f rgb(51,72,95)
```
#2e4764
```
#2e4764 rgb(46,71,100)
```
#28476a
```
#28476a rgb(40,71,106)
```
#224670
```
#224670 rgb(34,70,112)
```
#1d4675
```
#1d4675 rgb(29,70,117)
```
#17467b
```
#17467b rgb(23,70,123)
```
#124580
```
#124580 rgb(18,69,128)
```
#0c4586
```
#0c4586 rgb(12,69,134)
```
#06458c
```
#06458c rgb(6,69,140)
```
#014491
```
#014491 rgb(1,68,145)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#323d4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b4d8b Protanopia 1% of men
#005085 Deuteranopia 1% of men
#00575c Tritanopia 0.001% of the population

Trichromacy

#1f4a89 Protanomaly 1% of men, 0.01% of women
#044c85 Deuteranomaly 6% of men, 0.4% of women
#04506b Tritanomaly 0.01% of the population

#0c4586 hex color

#0c4586 Color Information

#0c4586 Color Conversion

Color Schemes with #0c4586

Alternatives to #0c4586

#0c4586 Preview

Shades and Tints of #0c4586

Tones of #0c4586

Color Blindness Simulator