#0c2c56 hex color

In a RGB color space, hex #0c2c56 is composed of 4.7% red, 17.3% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 48.8% magenta, 0% yellow and 66.3% black. It has a hue angle of 214.1 degrees, a saturation of 75.5% and a lightness of 19.2%. #0c2c56 color hex could be obtained by blending #1858ac with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 5
- G 17
- B 34
RGB color chart
- C 86
- M 49
- Y 0
- K 66
CMYK color chart

● #0c2c56 color description : Very dark blue.

The hexadecimal color #0c2c56 has RGB values of R:12, G:44, B:86 and CMYK values of C:0.86, M:0.49, Y:0, K:0.66. Its decimal value is 797782.

Hex triplet	0c2c56	`#0c2c56`
RGB Decimal	12, 44, 86	`rgb(12,44,86)`
RGB Percent	4.7, 17.3, 33.7	`rgb(4.7%,17.3%,33.7%)`
CMYK	86, 49, 0, 66
HSL	214.1°, 75.5, 19.2	`hsl(214.1,75.5%,19.2%)`
HSV (or HSB)	214.1°, 86, 33.7
Web Safe	003366	`#003366`

CIE-LAB	18.149, 5.963, -28.732
XYZ	2.732, 2.551, 9.152
xyY	0.189, 0.177, 2.551
CIE-LCH	18.149, 29.345, 281.725
CIE-LUV	18.149, -9.018, -31.361
Hunter-Lab	15.972, 2.576, -22.792
Binary	00001100, 00101100, 01010110

#0c2c56
```
#0c2c56 rgb(12,44,86)
```
#56360c
```
#56360c rgb(86,54,12)
```

Complementary Color

#0c5156
```
#0c5156 rgb(12,81,86)
```
#0c2c56
```
#0c2c56 rgb(12,44,86)
```
#110c56
```
#110c56 rgb(17,12,86)
```

Analogous Color

#51560c
```
#51560c rgb(81,86,12)
```
#0c2c56
```
#0c2c56 rgb(12,44,86)
```
#56110c
```
#56110c rgb(86,17,12)
```

Split Complementary Color

#2c560c
```
#2c560c rgb(44,86,12)
```
#0c2c56
```
#0c2c56 rgb(12,44,86)
```
#560c2c
```
#560c2c rgb(86,12,44)
```

Triadic Color

#0c5636
```
#0c5636 rgb(12,86,54)
```
#0c2c56
```
#0c2c56 rgb(12,44,86)
```
#560c2c
```
#560c2c rgb(86,12,44)
```
#56360c
```
#56360c rgb(86,54,12)
```

Tetradic Color

#030a13
```
#030a13 rgb(3,10,19)
```
#061529
```
#061529 rgb(6,21,41)
```
#092140
```
#092140 rgb(9,33,64)
```
#0c2c56
```
#0c2c56 rgb(12,44,86)
```
#0f376c
```
#0f376c rgb(15,55,108)
```
#124383
```
#124383 rgb(18,67,131)
```
#154e99
```
#154e99 rgb(21,78,153)
```

Monochromatic Color

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

#0c3f56
```
#0c3f56 rgb(12,63,86)
```
#0c3856
```
#0c3856 rgb(12,56,86)
```
#0c3256
```
#0c3256 rgb(12,50,86)
```
#0c2c56
```
#0c2c56 rgb(12,44,86)
```
#0c2656
```
#0c2656 rgb(12,38,86)
```
#0c2056
```
#0c2056 rgb(12,32,86)
```
#0c1a56
```
#0c1a56 rgb(12,26,86)
```

Similar Colors

Text with hexadecimal color #0c2c56

This text has a font color of #0c2c56.

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

#0c2c56 background color

This paragraph has a background color of #0c2c56.

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

#0c2c56 border color

This element has a border color of #0c2c56.

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

CSS codes

.text {color:#0c2c56;}

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

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

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

#020911
```
#020911 rgb(2,9,17)
```
#051222
```
#051222 rgb(5,18,34)
```
#071a34
```
#071a34 rgb(7,26,52)
```
#0a2345
```
#0a2345 rgb(10,35,69)
```
#0c2c56
```
#0c2c56 rgb(12,44,86)
```
#0e3567
```
#0e3567 rgb(14,53,103)
```
#113e78
```
#113e78 rgb(17,62,120)
```
#13468a
```
#13468a rgb(19,70,138)
```
#164f9b
```
#164f9b rgb(22,79,155)
```
#1858ac
```
#1858ac rgb(24,88,172)
```
#1a61bd
```
#1a61bd rgb(26,97,189)
```
#1d6ace
```
#1d6ace rgb(29,106,206)
```
#1f72e0
```
#1f72e0 rgb(31,114,224)
```

Shade Color Variation

#307de2
```
#307de2 rgb(48,125,226)
```
#4288e5
```
#4288e5 rgb(66,136,229)
```
#5393e7
```
#5393e7 rgb(83,147,231)
```
#649ee9
```
#649ee9 rgb(100,158,233)
```
#75a8ec
```
#75a8ec rgb(117,168,236)
```
#86b3ee
```
#86b3ee rgb(134,179,238)
```
#98bef1
```
#98bef1 rgb(152,190,241)
```
#a9c9f3
```
#a9c9f3 rgb(169,201,243)
```
#bad4f5
```
#bad4f5 rgb(186,212,245)
```
#cbdff8
```
#cbdff8 rgb(203,223,248)
```
#dde9fa
```
#dde9fa rgb(221,233,250)
```
#eef4fd
```
#eef4fd rgb(238,244,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #2e3134 is the less saturated color, while #012a61 is the most saturated one.

#2e3134
```
#2e3134 rgb(46,49,52)
```
#2a3038
```
#2a3038 rgb(42,48,56)
```
#26303c
```
#26303c rgb(38,48,60)
```
#232f3f
```
#232f3f rgb(35,47,63)
```
#1f2f43
```
#1f2f43 rgb(31,47,67)
```
#1b2e47
```
#1b2e47 rgb(27,46,71)
```
#172e4b
```
#172e4b rgb(23,46,75)
```
#142d4e
```
#142d4e rgb(20,45,78)
```
#102d52
```
#102d52 rgb(16,45,82)
```
#0c2c56
```
#0c2c56 rgb(12,44,86)
```
#082b5a
```
#082b5a rgb(8,43,90)
```
#042b5e
```
#042b5e rgb(4,43,94)
```
#012a61
```
#012a61 rgb(1,42,97)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#222830 Atypical Achromatopsia 0.001% of the population

Dichromacy

#22355d Protanopia 1% of men
#00385d Deuteranopia 1% of men
#003c40 Tritanopia 0.001% of the population

Trichromacy

#1a325b Protanomaly 1% of men, 0.01% of women
#04335a Deuteranomaly 6% of men, 0.4% of women
#043648 Tritanomaly 0.01% of the population

#0c2c56 hex color

#0c2c56 Color Information

#0c2c56 Color Conversion

Color Schemes with #0c2c56

Alternatives to #0c2c56

#0c2c56 Preview

Shades and Tints of #0c2c56

Tones of #0c2c56

Color Blindness Simulator