#0c5687 hex color

In a RGB color space, hex #0c5687 is composed of 4.7% red, 33.7% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 91.1% cyan, 36.3% magenta, 0% yellow and 47.1% black. It has a hue angle of 203.9 degrees, a saturation of 83.7% and a lightness of 28.8%. #0c5687 color hex could be obtained by blending #18acff with #00000f. Closest websafe color is: #006699.

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

● #0c5687 color description : Dark blue.

The hexadecimal color #0c5687 has RGB values of R:12, G:86, B:135 and CMYK values of C:0.91, M:0.36, Y:0, K:0.47. Its decimal value is 808583.

Hex triplet	0c5687	`#0c5687`
RGB Decimal	12, 86, 135	`rgb(12,86,135)`
RGB Percent	4.7, 33.7, 52.9	`rgb(4.7%,33.7%,52.9%)`
CMYK	91, 36, 0, 47
HSL	203.9°, 83.7, 28.8	`hsl(203.9,83.7%,28.8%)`
HSV (or HSB)	203.9°, 91.1, 52.9
Web Safe	006699	`#006699`

CIE-LAB	34.968, -1.93, -33.178
XYZ	7.852, 8.482, 24.144
xyY	0.194, 0.21, 8.482
CIE-LCH	34.968, 33.234, 266.671
CIE-LUV	34.968, -21.137, -45.667
Hunter-Lab	29.124, -2.847, -28.764
Binary	00001100, 01010110, 10000111

#0c5687
```
#0c5687 rgb(12,86,135)
```
#873d0c
```
#873d0c rgb(135,61,12)
```

Complementary Color

#0c877b
```
#0c877b rgb(12,135,123)
```
#0c5687
```
#0c5687 rgb(12,86,135)
```
#0c1987
```
#0c1987 rgb(12,25,135)
```

Analogous Color

#877b0c
```
#877b0c rgb(135,123,12)
```
#0c5687
```
#0c5687 rgb(12,86,135)
```
#870c19
```
#870c19 rgb(135,12,25)
```

Split Complementary Color

#56870c
```
#56870c rgb(86,135,12)
```
#0c5687
```
#0c5687 rgb(12,86,135)
```
#870c56
```
#870c56 rgb(135,12,86)
```

Triadic Color

#0c873d
```
#0c873d rgb(12,135,61)
```
#0c5687
```
#0c5687 rgb(12,86,135)
```
#870c56
```
#870c56 rgb(135,12,86)
```
#873d0c
```
#873d0c rgb(135,61,12)
```

Tetradic Color

#062941
```
#062941 rgb(6,41,65)
```
#083858
```
#083858 rgb(8,56,88)
```
#0a4770
```
#0a4770 rgb(10,71,112)
```
#0c5687
```
#0c5687 rgb(12,86,135)
```
#0e659e
```
#0e659e rgb(14,101,158)
```
#1074b6
```
#1074b6 rgb(16,116,182)
```
#1283cd
```
#1283cd rgb(18,131,205)
```

Monochromatic Color

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

#0c7587
```
#0c7587 rgb(12,117,135)
```
#0c6b87
```
#0c6b87 rgb(12,107,135)
```
#0c6087
```
#0c6087 rgb(12,96,135)
```
#0c5687
```
#0c5687 rgb(12,86,135)
```
#0c4c87
```
#0c4c87 rgb(12,76,135)
```
#0c4287
```
#0c4287 rgb(12,66,135)
```
#0c3787
```
#0c3787 rgb(12,55,135)
```

Similar Colors

Text with hexadecimal color #0c5687

This text has a font color of #0c5687.

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

#0c5687 background color

This paragraph has a background color of #0c5687.

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

#0c5687 border color

This element has a border color of #0c5687.

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

CSS codes

.text {color:#0c5687;}

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

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

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

#010609
```
#010609 rgb(1,6,9)
```
#02111b
```
#02111b rgb(2,17,27)
```
#041d2d
```
#041d2d rgb(4,29,45)
```
#06283f
```
#06283f rgb(6,40,63)
```
#073451
```
#073451 rgb(7,52,81)
```
#093f63
```
#093f63 rgb(9,63,99)
```
#0a4b75
```
#0a4b75 rgb(10,75,117)
```
#0c5687
```
#0c5687 rgb(12,86,135)
```
#0e6199
```
#0e6199 rgb(14,97,153)
```
#0f6dab
```
#0f6dab rgb(15,109,171)
```
#1178bd
```
#1178bd rgb(17,120,189)
```
#1284cf
```
#1284cf rgb(18,132,207)
```
#148fe1
```
#148fe1 rgb(20,143,225)
```

Shade Color Variation

#1e99eb
```
#1e99eb rgb(30,153,235)
```
#30a1ed
```
#30a1ed rgb(48,161,237)
```
#42a9ee
```
#42a9ee rgb(66,169,238)
```
#54b2f0
```
#54b2f0 rgb(84,178,240)
```
#66baf1
```
#66baf1 rgb(102,186,241)
```
#78c2f3
```
#78c2f3 rgb(120,194,243)
```
#8acaf5
```
#8acaf5 rgb(138,202,245)
```
#9cd2f6
```
#9cd2f6 rgb(156,210,246)
```
#aedaf8
```
#aedaf8 rgb(174,218,248)
```
#c0e2f9
```
#c0e2f9 rgb(192,226,249)
```
#d2ebfb
```
#d2ebfb rgb(210,235,251)
```
#e4f3fd
```
#e4f3fd rgb(228,243,253)
```
#f6fbfe
```
#f6fbfe rgb(246,251,254)
```

Tint Color Variation

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

#454b4e
```
#454b4e rgb(69,75,78)
```
#3f4c54
```
#3f4c54 rgb(63,76,84)
```
#394d5a
```
#394d5a rgb(57,77,90)
```
#344e5f
```
#344e5f rgb(52,78,95)
```
#2e4f65
```
#2e4f65 rgb(46,79,101)
```
#28506b
```
#28506b rgb(40,80,107)
```
#235170
```
#235170 rgb(35,81,112)
```
#1d5376
```
#1d5376 rgb(29,83,118)
```
#17547c
```
#17547c rgb(23,84,124)
```
#125581
```
#125581 rgb(18,85,129)
```
#0c5687
```
#0c5687 rgb(12,86,135)
```
#06578d
```
#06578d rgb(6,87,141)
```
#015892
```
#015892 rgb(1,88,146)
```

Tone Color Variation

Below, you can see how #0c5687 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
#3a4852 Atypical Achromatopsia 0.001% of the population

Dichromacy

#485989 Protanopia 1% of men
#375b8e Deuteranopia 1% of men
#00646a Tritanopia 0.001% of the population

Trichromacy

#325888 Protanomaly 1% of men, 0.01% of women
#27598b Deuteranomaly 6% of men, 0.4% of women
#045f74 Tritanomaly 0.01% of the population

#0c5687 hex color

#0c5687 Color Information

#0c5687 Color Conversion

Color Schemes with #0c5687

Alternatives to #0c5687

#0c5687 Preview

Shades and Tints of #0c5687

Tones of #0c5687

Color Blindness Simulator