colorhexa.com

#0c3987 hex color

In a RGB color space, hex #0c3987 is composed of 4.7% red, 22.4% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 91.1% cyan, 57.8% magenta, 0% yellow and 47.1% black. It has a hue angle of 218 degrees, a saturation of 83.7% and a lightness of 28.8%. #0c3987 color hex could be obtained by blending #1872ff with #00000f. Closest websafe color is: #003399.

- R 5
- G 22
- B 53
RGB color chart
- C 91
- M 58
- Y 0
- K 47
CMYK color chart

● #0c3987 color description : Dark blue.

The hexadecimal color #0c3987 has RGB values of R:12, G:57, B:135 and CMYK values of C:0.91, M:0.58, Y:0, K:0.47. Its decimal value is 801159.

Hex triplet	0c3987	`#0c3987`
RGB Decimal	12, 57, 135	`rgb(12,57,135)`
RGB Percent	4.7, 22.4, 52.9	`rgb(4.7%,22.4%,52.9%)`
CMYK	91, 58, 0, 47
HSL	218°, 83.7, 28.8	`hsl(218,83.7%,28.8%)`
HSV (or HSB)	218°, 91.1, 52.9
Web Safe	003399	`#003399`

CIE-LAB	26.02, 17.823, -47.558
XYZ	5.987, 4.753, 23.522
xyY	0.175, 0.139, 4.753
CIE-LCH	26.02, 50.788, 290.544
CIE-LUV	26.02, -12.132, -60.548
Hunter-Lab	21.802, 10.865, -48.707
Binary	00001100, 00111001, 10000111

#0c3987
```
#0c3987 rgb(12,57,135)
```
#875a0c
```
#875a0c rgb(135,90,12)
```

Complementary Color

#0c7787
```
#0c7787 rgb(12,119,135)
```
#0c3987
```
#0c3987 rgb(12,57,135)
```
#1c0c87
```
#1c0c87 rgb(28,12,135)
```

Analogous Color

#77870c
```
#77870c rgb(119,135,12)
```
#0c3987
```
#0c3987 rgb(12,57,135)
```
#871c0c
```
#871c0c rgb(135,28,12)
```

Split Complementary Color

#39870c
```
#39870c rgb(57,135,12)
```
#0c3987
```
#0c3987 rgb(12,57,135)
```
#870c39
```
#870c39 rgb(135,12,57)
```

Triadic Color

#061b41
```
#061b41 rgb(6,27,65)
```
#082558
```
#082558 rgb(8,37,88)
```
#0a2f70
```
#0a2f70 rgb(10,47,112)
```
#0c3987
```
#0c3987 rgb(12,57,135)
```
#0e439e
```
#0e439e rgb(14,67,158)
```
#104db6
```
#104db6 rgb(16,77,182)
```
#1257cd
```
#1257cd rgb(18,87,205)
```

Monochromatic Color

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

#0c5887
```
#0c5887 rgb(12,88,135)
```
#0c4e87
```
#0c4e87 rgb(12,78,135)
```
#0c4387
```
#0c4387 rgb(12,67,135)
```
#0c3987
```
#0c3987 rgb(12,57,135)
```
#0c2f87
```
#0c2f87 rgb(12,47,135)
```
#0c2587
```
#0c2587 rgb(12,37,135)
```
#0c1a87
```
#0c1a87 rgb(12,26,135)
```

Similar Colors

Text with hexadecimal color #0c3987

This text has a font color of #0c3987.

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

#0c3987 background color

This paragraph has a background color of #0c3987.

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

#0c3987 border color

This element has a border color of #0c3987.

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

CSS codes

.text {color:#0c3987;}

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

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

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

#010409
```
#010409 rgb(1,4,9)
```
#020b1b
```
#020b1b rgb(2,11,27)
```
#04132d
```
#04132d rgb(4,19,45)
```
#061b3f
```
#061b3f rgb(6,27,63)
```
#072251
```
#072251 rgb(7,34,81)
```
#092a63
```
#092a63 rgb(9,42,99)
```
#0a3175
```
#0a3175 rgb(10,49,117)
```
#0c3987
```
#0c3987 rgb(12,57,135)
```
#0e4199
```
#0e4199 rgb(14,65,153)
```
#0f48ab
```
#0f48ab rgb(15,72,171)
```
#1150bd
```
#1150bd rgb(17,80,189)
```
#1257cf
```
#1257cf rgb(18,87,207)
```
#145fe1
```
#145fe1 rgb(20,95,225)
```

Shade Color Variation

#1e69eb
```
#1e69eb rgb(30,105,235)
```
#3075ed
```
#3075ed rgb(48,117,237)
```
#4281ee
```
#4281ee rgb(66,129,238)
```
#548df0
```
#548df0 rgb(84,141,240)
```
#6699f1
```
#6699f1 rgb(102,153,241)
```
#78a5f3
```
#78a5f3 rgb(120,165,243)
```
#8ab1f5
```
#8ab1f5 rgb(138,177,245)
```
#9cbdf6
```
#9cbdf6 rgb(156,189,246)
```
#aec9f8
```
#aec9f8 rgb(174,201,248)
```
#c0d5f9
```
#c0d5f9 rgb(192,213,249)
```
#d2e1fb
```
#d2e1fb rgb(210,225,251)
```
#e4edfd
```
#e4edfd rgb(228,237,253)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

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

#45484e
```
#45484e rgb(69,72,78)
```
#3f4754
```
#3f4754 rgb(63,71,84)
```
#39455a
```
#39455a rgb(57,69,90)
```
#34445f
```
#34445f rgb(52,68,95)
```
#2e4265
```
#2e4265 rgb(46,66,101)
```
#28416b
```
#28416b rgb(40,65,107)
```
#233f70
```
#233f70 rgb(35,63,112)
```
#1d3e76
```
#1d3e76 rgb(29,62,118)
```
#173c7c
```
#173c7c rgb(23,60,124)
```
#123b81
```
#123b81 rgb(18,59,129)
```
#0c3987
```
#0c3987 rgb(12,57,135)
```
#06378d
```
#06378d rgb(6,55,141)
```
#013692
```
#013692 rgb(1,54,146)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#2c3545 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004588 Protanopia 1% of men
#004976 Deuteranopia 1% of men
#004e53 Tritanopia 0.001% of the population

Trichromacy

#044087 Protanomaly 1% of men, 0.01% of women
#04437c Deuteranomaly 6% of men, 0.4% of women
#044665 Tritanomaly 0.01% of the population