#0c4684 hex color

In a RGB color space, hex #0c4684 is composed of 4.7% red, 27.5% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 90.9% cyan, 47% magenta, 0% yellow and 48.2% black. It has a hue angle of 211 degrees, a saturation of 83.3% and a lightness of 28.2%. #0c4684 color hex could be obtained by blending #188cff with #000009. Closest websafe color is: #003399.

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

● #0c4684 color description : Dark blue.

The hexadecimal color #0c4684 has RGB values of R:12, G:70, B:132 and CMYK values of C:0.91, M:0.47, Y:0, K:0.48. Its decimal value is 804484.

Hex triplet	0c4684	`#0c4684`
RGB Decimal	12, 70, 132	`rgb(12,70,132)`
RGB Percent	4.7, 27.5, 51.8	`rgb(4.7%,27.5%,51.8%)`
CMYK	91, 47, 0, 48
HSL	211°, 83.3, 28.2	`hsl(211,83.3%,28.2%)`
HSV (or HSB)	211°, 90.9, 51.8
Web Safe	003399	`#003399`

CIE-LAB	29.723, 7.448, -39.702
XYZ	6.506, 6.124, 22.668
xyY	0.184, 0.173, 6.124
CIE-LCH	29.723, 40.395, 280.625
CIE-LUV	29.723, -16.005, -52.956
Hunter-Lab	24.746, 3.62, -36.987
Binary	00001100, 01000110, 10000100

#0c4684
```
#0c4684 rgb(12,70,132)
```
#844a0c
```
#844a0c rgb(132,74,12)
```

Complementary Color

#0c8284
```
#0c8284 rgb(12,130,132)
```
#0c4684
```
#0c4684 rgb(12,70,132)
```
#0e0c84
```
#0e0c84 rgb(14,12,132)
```

Analogous Color

#82840c
```
#82840c rgb(130,132,12)
```
#0c4684
```
#0c4684 rgb(12,70,132)
```
#840e0c
```
#840e0c rgb(132,14,12)
```

Split Complementary Color

#46840c
```
#46840c rgb(70,132,12)
```
#0c4684
```
#0c4684 rgb(12,70,132)
```
#840c46
```
#840c46 rgb(132,12,70)
```

Triadic Color

#0c844a
```
#0c844a rgb(12,132,74)
```
#0c4684
```
#0c4684 rgb(12,70,132)
```
#840c46
```
#840c46 rgb(132,12,70)
```
#844a0c
```
#844a0c rgb(132,74,12)
```

Tetradic Color

#06213e
```
#06213e rgb(6,33,62)
```
#082d55
```
#082d55 rgb(8,45,85)
```
#0a3a6d
```
#0a3a6d rgb(10,58,109)
```
#0c4684
```
#0c4684 rgb(12,70,132)
```
#0e529b
```
#0e529b rgb(14,82,155)
```
#105fb3
```
#105fb3 rgb(16,95,179)
```
#126bca
```
#126bca rgb(18,107,202)
```

Monochromatic Color

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

#0c6484
```
#0c6484 rgb(12,100,132)
```
#0c5a84
```
#0c5a84 rgb(12,90,132)
```
#0c5084
```
#0c5084 rgb(12,80,132)
```
#0c4684
```
#0c4684 rgb(12,70,132)
```
#0c3c84
```
#0c3c84 rgb(12,60,132)
```
#0c3284
```
#0c3284 rgb(12,50,132)
```
#0c2884
```
#0c2884 rgb(12,40,132)
```

Similar Colors

Text with hexadecimal color #0c4684

This text has a font color of #0c4684.

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

#0c4684 background color

This paragraph has a background color of #0c4684.

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

#0c4684 border color

This element has a border color of #0c4684.

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

CSS codes

.text {color:#0c4684;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#020d18
```
#020d18 rgb(2,13,24)
```
#04162a
```
#04162a rgb(4,22,42)
```
#05203c
```
#05203c rgb(5,32,60)
```
#07294e
```
#07294e rgb(7,41,78)
```
#093360
```
#093360 rgb(9,51,96)
```
#0a3c72
```
#0a3c72 rgb(10,60,114)
```
#0c4684
```
#0c4684 rgb(12,70,132)
```
#0e5096
```
#0e5096 rgb(14,80,150)
```
#0f59a8
```
#0f59a8 rgb(15,89,168)
```
#1163ba
```
#1163ba rgb(17,99,186)
```
#136ccc
```
#136ccc rgb(19,108,204)
```
#1476de
```
#1476de rgb(20,118,222)
```

Shade Color Variation

#1b7fea
```
#1b7fea rgb(27,127,234)
```
#2d89ec
```
#2d89ec rgb(45,137,236)
```
#3f94ee
```
#3f94ee rgb(63,148,238)
```
#519eef
```
#519eef rgb(81,158,239)
```
#63a8f1
```
#63a8f1 rgb(99,168,241)
```
#75b2f2
```
#75b2f2 rgb(117,178,242)
```
#87bcf4
```
#87bcf4 rgb(135,188,244)
```
#99c6f6
```
#99c6f6 rgb(153,198,246)
```
#abd0f7
```
#abd0f7 rgb(171,208,247)
```
#bddaf9
```
#bddaf9 rgb(189,218,249)
```
#cfe4fb
```
#cfe4fb rgb(207,228,251)
```
#e1eefc
```
#e1eefc rgb(225,238,252)
```
#f3f8fe
```
#f3f8fe rgb(243,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #43484d is the less saturated color, while #01468f is the most saturated one.

#43484d
```
#43484d rgb(67,72,77)
```
#3e4852
```
#3e4852 rgb(62,72,82)
```
#384758
```
#384758 rgb(56,71,88)
```
#33475d
```
#33475d rgb(51,71,93)
```
#2d4763
```
#2d4763 rgb(45,71,99)
```
#284768
```
#284768 rgb(40,71,104)
```
#22476e
```
#22476e rgb(34,71,110)
```
#1d4773
```
#1d4773 rgb(29,71,115)
```
#174679
```
#174679 rgb(23,70,121)
```
#12467e
```
#12467e rgb(18,70,126)
```
#0c4684
```
#0c4684 rgb(12,70,132)
```
#06468a
```
#06468a rgb(6,70,138)
```
#01468f
```
#01468f rgb(1,70,143)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#323e4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f4d88 Protanopia 1% of men
#005186 Deuteranopia 1% of men
#00575c Tritanopia 0.001% of the population

Trichromacy

#224a87 Protanomaly 1% of men, 0.01% of women
#044d85 Deuteranomaly 6% of men, 0.4% of women
#04516b Tritanomaly 0.01% of the population

#0c4684 hex color

#0c4684 Color Information

#0c4684 Color Conversion

Color Schemes with #0c4684

Alternatives to #0c4684

#0c4684 Preview

Shades and Tints of #0c4684

Tones of #0c4684

Color Blindness Simulator