colorhexa.com

#0c2c74 hex color

In a RGB color space, hex #0c2c74 is composed of 4.7% red, 17.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 89.7% cyan, 62.1% magenta, 0% yellow and 54.5% black. It has a hue angle of 221.5 degrees, a saturation of 81.3% and a lightness of 25.1%. #0c2c74 color hex could be obtained by blending #1858e8 with #000000. Closest websafe color is: #003366.

- R 5
- G 17
- B 45
RGB color chart
- C 90
- M 62
- Y 0
- K 55
CMYK color chart

● #0c2c74 color description : Dark blue.

The hexadecimal color #0c2c74 has RGB values of R:12, G:44, B:116 and CMYK values of C:0.9, M:0.62, Y:0, K:0.55. Its decimal value is 797812.

Hex triplet	0c2c74	`#0c2c74`
RGB Decimal	12, 44, 116	`rgb(12,44,116)`
RGB Percent	4.7, 17.3, 45.5	`rgb(4.7%,17.3%,45.5%)`
CMYK	90, 62, 0, 55
HSL	221.5°, 81.3, 25.1	`hsl(221.5,81.3%,25.1%)`
HSV (or HSB)	221.5°, 89.7, 45.5
Web Safe	003366	`#003366`

CIE-LAB	20.597, 19.082, -44.399
XYZ	4.204, 3.14, 16.907
xyY	0.173, 0.129, 3.14
CIE-LCH	20.597, 48.326, 293.257
CIE-LUV	20.597, -8.841, -51.231
Hunter-Lab	17.72, 11.337, -44.163
Binary	00001100, 00101100, 01110100

#0c2c74
```
#0c2c74 rgb(12,44,116)
```
#74540c
```
#74540c rgb(116,84,12)
```

Complementary Color

#0c6074
```
#0c6074 rgb(12,96,116)
```
#0c2c74
```
#0c2c74 rgb(12,44,116)
```
#200c74
```
#200c74 rgb(32,12,116)
```

Analogous Color

#60740c
```
#60740c rgb(96,116,12)
```
#0c2c74
```
#0c2c74 rgb(12,44,116)
```
#74200c
```
#74200c rgb(116,32,12)
```

Split Complementary Color

#2c740c
```
#2c740c rgb(44,116,12)
```
#0c2c74
```
#0c2c74 rgb(12,44,116)
```
#740c2c
```
#740c2c rgb(116,12,44)
```

Triadic Color

#05122f
```
#05122f rgb(5,18,47)
```
#071a46
```
#071a46 rgb(7,26,70)
```
#0a235d
```
#0a235d rgb(10,35,93)
```
#0c2c74
```
#0c2c74 rgb(12,44,116)
```
#0e358b
```
#0e358b rgb(14,53,139)
```
#113ea2
```
#113ea2 rgb(17,62,162)
```
#1346b9
```
#1346b9 rgb(19,70,185)
```

Monochromatic Color

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

#0c4674
```
#0c4674 rgb(12,70,116)
```
#0c3d74
```
#0c3d74 rgb(12,61,116)
```
#0c3574
```
#0c3574 rgb(12,53,116)
```
#0c2c74
```
#0c2c74 rgb(12,44,116)
```
#0c2374
```
#0c2374 rgb(12,35,116)
```
#0c1b74
```
#0c1b74 rgb(12,27,116)
```
#0c1274
```
#0c1274 rgb(12,18,116)
```

Similar Colors

Text with hexadecimal color #0c2c74

This text has a font color of #0c2c74.

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

#0c2c74 background color

This paragraph has a background color of #0c2c74.

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

#0c2c74 border color

This element has a border color of #0c2c74.

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

CSS codes

.text {color:#0c2c74;}

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

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

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 #f7f9fe is the lightest one.

#010409
```
#010409 rgb(1,4,9)
```
#030a1b
```
#030a1b rgb(3,10,27)
```
#05112d
```
#05112d rgb(5,17,45)
```
#06183f
```
#06183f rgb(6,24,63)
```
#081f50
```
#081f50 rgb(8,31,80)
```
#0a2562
```
#0a2562 rgb(10,37,98)
```
#0c2c74
```
#0c2c74 rgb(12,44,116)
```
#0e3386
```
#0e3386 rgb(14,51,134)
```
#103998
```
#103998 rgb(16,57,152)
```
#1240a9
```
#1240a9 rgb(18,64,169)
```
#1347bb
```
#1347bb rgb(19,71,187)
```
#154ecd
```
#154ecd rgb(21,78,205)
```
#1754df
```
#1754df rgb(23,84,223)
```

Shade Color Variation

#215ee8
```
#215ee8 rgb(33,94,232)
```
#336bea
```
#336bea rgb(51,107,234)
```
#4578ec
```
#4578ec rgb(69,120,236)
```
#5785ee
```
#5785ee rgb(87,133,238)
```
#6892ef
```
#6892ef rgb(104,146,239)
```
#7a9ff1
```
#7a9ff1 rgb(122,159,241)
```
#8cacf3
```
#8cacf3 rgb(140,172,243)
```
#9eb9f5
```
#9eb9f5 rgb(158,185,245)
```
#afc5f7
```
#afc5f7 rgb(175,197,247)
```
#c1d2f9
```
#c1d2f9 rgb(193,210,249)
```
#d3dffa
```
#d3dffa rgb(211,223,250)
```
#e5ecfc
```
#e5ecfc rgb(229,236,252)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

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

#3d3f43
```
#3d3f43 rgb(61,63,67)
```
#383d48
```
#383d48 rgb(56,61,72)
```
#333b4d
```
#333b4d rgb(51,59,77)
```
#2e3952
```
#2e3952 rgb(46,57,82)
```
#2a3756
```
#2a3756 rgb(42,55,86)
```
#25355b
```
#25355b rgb(37,53,91)
```
#203460
```
#203460 rgb(32,52,96)
```
#1b3265
```
#1b3265 rgb(27,50,101)
```
#16306a
```
#16306a rgb(22,48,106)
```
#112e6f
```
#112e6f rgb(17,46,111)
```
#0c2c74
```
#0c2c74 rgb(12,44,116)
```
#072a79
```
#072a79 rgb(7,42,121)
```
#02287e
```
#02287e rgb(2,40,126)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#252b3a Atypical Achromatopsia 0.001% of the population

Dichromacy

#003a72 Protanopia 1% of men
#003d63 Deuteranopia 1% of men
#004245 Tritanopia 0.001% of the population

Trichromacy

#043572 Protanomaly 1% of men, 0.01% of women
#043769 Deuteranomaly 6% of men, 0.4% of women
#043a56 Tritanomaly 0.01% of the population