#0c4564 hex color

In a RGB color space, hex #0c4564 is composed of 4.7% red, 27.1% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 88% cyan, 31% magenta, 0% yellow and 60.8% black. It has a hue angle of 201.1 degrees, a saturation of 78.6% and a lightness of 22%. #0c4564 color hex could be obtained by blending #188ac8 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 5
- G 27
- B 39
RGB color chart
- C 88
- M 31
- Y 0
- K 61
CMYK color chart

● #0c4564 color description : Very dark blue.

The hexadecimal color #0c4564 has RGB values of R:12, G:69, B:100 and CMYK values of C:0.88, M:0.31, Y:0, K:0.61. Its decimal value is 804196.

Hex triplet	0c4564	`#0c4564`
RGB Decimal	12, 69, 100	`rgb(12,69,100)`
RGB Percent	4.7, 27.1, 39.2	`rgb(4.7%,27.1%,39.2%)`
CMYK	88, 31, 0, 61
HSL	201.1°, 78.6, 22	`hsl(201.1,78.6%,22%)`
HSV (or HSB)	201.1°, 88, 39.2
Web Safe	003366	`#003366`

CIE-LAB	27.447, -5.331, -23.139
XYZ	4.579, 5.254, 12.829
xyY	0.202, 0.232, 5.254
CIE-LCH	27.447, 23.746, 257.027
CIE-LUV	27.447, -16.964, -28.669
Hunter-Lab	22.922, -4.452, -17.138
Binary	00001100, 01000101, 01100100

#0c4564
```
#0c4564 rgb(12,69,100)
```
#642b0c
```
#642b0c rgb(100,43,12)
```

Complementary Color

#0c6457
```
#0c6457 rgb(12,100,87)
```
#0c4564
```
#0c4564 rgb(12,69,100)
```
#0c1964
```
#0c1964 rgb(12,25,100)
```

Analogous Color

#64570c
```
#64570c rgb(100,87,12)
```
#0c4564
```
#0c4564 rgb(12,69,100)
```
#640c19
```
#640c19 rgb(100,12,25)
```

Split Complementary Color

#45640c
```
#45640c rgb(69,100,12)
```
#0c4564
```
#0c4564 rgb(12,69,100)
```
#640c45
```
#640c45 rgb(100,12,69)
```

Triadic Color

#0c642b
```
#0c642b rgb(12,100,43)
```
#0c4564
```
#0c4564 rgb(12,69,100)
```
#640c45
```
#640c45 rgb(100,12,69)
```
#642b0c
```
#642b0c rgb(100,43,12)
```

Tetradic Color

#041620
```
#041620 rgb(4,22,32)
```
#072636
```
#072636 rgb(7,38,54)
```
#09354d
```
#09354d rgb(9,53,77)
```
#0c4564
```
#0c4564 rgb(12,69,100)
```
#0f557b
```
#0f557b rgb(15,85,123)
```
#116492
```
#116492 rgb(17,100,146)
```
#1474a8
```
#1474a8 rgb(20,116,168)
```

Monochromatic Color

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

#0c5b64
```
#0c5b64 rgb(12,91,100)
```
#0c5464
```
#0c5464 rgb(12,84,100)
```
#0c4c64
```
#0c4c64 rgb(12,76,100)
```
#0c4564
```
#0c4564 rgb(12,69,100)
```
#0c3e64
```
#0c3e64 rgb(12,62,100)
```
#0c3664
```
#0c3664 rgb(12,54,100)
```
#0c2f64
```
#0c2f64 rgb(12,47,100)
```

Similar Colors

Text with hexadecimal color #0c4564

This text has a font color of #0c4564.

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

#0c4564 background color

This paragraph has a background color of #0c4564.

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

#0c4564 border color

This element has a border color of #0c4564.

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

CSS codes

.text {color:#0c4564;}

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

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

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, #01090c is the darkest color, while #fafdfe is the lightest one.

#01090c
```
#01090c rgb(1,9,12)
```
#04151e
```
#04151e rgb(4,21,30)
```
#06212f
```
#06212f rgb(6,33,47)
```
#082d41
```
#082d41 rgb(8,45,65)
```
#0a3952
```
#0a3952 rgb(10,57,82)
```
#0c4564
```
#0c4564 rgb(12,69,100)
```
#0e5176
```
#0e5176 rgb(14,81,118)
```
#105d87
```
#105d87 rgb(16,93,135)
```
#126999
```
#126999 rgb(18,105,153)
```
#1475aa
```
#1475aa rgb(20,117,170)
```
#1781bc
```
#1781bc rgb(23,129,188)
```
#198ecd
```
#198ecd rgb(25,142,205)
```
#1b9adf
```
#1b9adf rgb(27,154,223)
```

Shade Color Variation

#28a2e5
```
#28a2e5 rgb(40,162,229)
```
#39aae7
```
#39aae7 rgb(57,170,231)
```
#4bb2e9
```
#4bb2e9 rgb(75,178,233)
```
#5cb9eb
```
#5cb9eb rgb(92,185,235)
```
#6ec1ee
```
#6ec1ee rgb(110,193,238)
```
#7fc8f0
```
#7fc8f0 rgb(127,200,240)
```
#91d0f2
```
#91d0f2 rgb(145,208,242)
```
#a2d7f4
```
#a2d7f4 rgb(162,215,244)
```
#b4dff6
```
#b4dff6 rgb(180,223,246)
```
#c5e6f8
```
#c5e6f8 rgb(197,230,248)
```
#d7eefa
```
#d7eefa rgb(215,238,250)
```
#e8f5fc
```
#e8f5fc rgb(232,245,252)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#373839
```
#373839 rgb(55,56,57)
```
#333a3d
```
#333a3d rgb(51,58,61)
```
#2e3b42
```
#2e3b42 rgb(46,59,66)
```
#2a3c46
```
#2a3c46 rgb(42,60,70)
```
#263d4a
```
#263d4a rgb(38,61,74)
```
#223f4e
```
#223f4e rgb(34,63,78)
```
#1d4053
```
#1d4053 rgb(29,64,83)
```
#194157
```
#194157 rgb(25,65,87)
```
#15425b
```
#15425b rgb(21,66,91)
```
#104460
```
#104460 rgb(16,68,96)
```
#0c4564
```
#0c4564 rgb(12,69,100)
```
#084668
```
#084668 rgb(8,70,104)
```
#03486d
```
#03486d rgb(3,72,109)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#2e3a40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#404968 Protanopia 1% of men
#384a6d Deuteranopia 1% of men
#005257 Tritanopia 0.001% of the population

Trichromacy

#2d4766 Protanomaly 1% of men, 0.01% of women
#28486a Deuteranomaly 6% of men, 0.4% of women
#044d5c Tritanomaly 0.01% of the population

#0c4564 hex color

#0c4564 Color Information

#0c4564 Color Conversion

Color Schemes with #0c4564

Alternatives to #0c4564

#0c4564 Preview

Shades and Tints of #0c4564

Tones of #0c4564

Color Blindness Simulator