colorhexa.com

#0c2f5a hex color

In a RGB color space, hex #0c2f5a is composed of 4.7% red, 18.4% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 47.8% magenta, 0% yellow and 64.7% black. It has a hue angle of 213.1 degrees, a saturation of 76.5% and a lightness of 20%. #0c2f5a color hex could be obtained by blending #185eb4 with #000000. Closest websafe color is: #003366.

- R 5
- G 18
- B 35
RGB color chart
- C 87
- M 48
- Y 0
- K 65
CMYK color chart

● #0c2f5a color description : Very dark blue.

The hexadecimal color #0c2f5a has RGB values of R:12, G:47, B:90 and CMYK values of C:0.87, M:0.48, Y:0, K:0.65. Its decimal value is 798554.

Hex triplet	0c2f5a	`#0c2f5a`
RGB Decimal	12, 47, 90	`rgb(12,47,90)`
RGB Percent	4.7, 18.4, 35.3	`rgb(4.7%,18.4%,35.3%)`
CMYK	87, 48, 0, 65
HSL	213.1°, 76.5, 20	`hsl(213.1,76.5%,20%)`
HSV (or HSB)	213.1°, 86.7, 35.3
Web Safe	003366	`#003366`

CIE-LAB	19.429, 5.533, -29.341
XYZ	3.013, 2.849, 10.063
xyY	0.189, 0.179, 2.849
CIE-LCH	19.429, 29.858, 280.68
CIE-LUV	19.429, -9.883, -33.006
Hunter-Lab	16.879, 2.326, -23.533
Binary	00001100, 00101111, 01011010

#0c2f5a
```
#0c2f5a rgb(12,47,90)
```
#5a370c
```
#5a370c rgb(90,55,12)
```

Complementary Color

#0c565a
```
#0c565a rgb(12,86,90)
```
#0c2f5a
```
#0c2f5a rgb(12,47,90)
```
#100c5a
```
#100c5a rgb(16,12,90)
```

Analogous Color

#565a0c
```
#565a0c rgb(86,90,12)
```
#0c2f5a
```
#0c2f5a rgb(12,47,90)
```
#5a100c
```
#5a100c rgb(90,16,12)
```

Split Complementary Color

#030c17
```
#030c17 rgb(3,12,23)
```
#06182d
```
#06182d rgb(6,24,45)
```
#092344
```
#092344 rgb(9,35,68)
```
#0c2f5a
```
#0c2f5a rgb(12,47,90)
```
#0f3b71
```
#0f3b71 rgb(15,59,113)
```
#124787
```
#124787 rgb(18,71,135)
```
#15529e
```
#15529e rgb(21,82,158)
```

Monochromatic Color

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

#0c435a
```
#0c435a rgb(12,67,90)
```
#0c3c5a
```
#0c3c5a rgb(12,60,90)
```
#0c365a
```
#0c365a rgb(12,54,90)
```
#0c2f5a
```
#0c2f5a rgb(12,47,90)
```
#0c295a
```
#0c295a rgb(12,41,90)
```
#0c225a
```
#0c225a rgb(12,34,90)
```
#0c1c5a
```
#0c1c5a rgb(12,28,90)
```

Similar Colors

Text with hexadecimal color #0c2f5a

This text has a font color of #0c2f5a.

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

#0c2f5a background color

This paragraph has a background color of #0c2f5a.

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

#0c2f5a border color

This element has a border color of #0c2f5a.

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

CSS codes

.text {color:#0c2f5a;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#030b15
```
#030b15 rgb(3,11,21)
```
#051426
```
#051426 rgb(5,20,38)
```
#071d37
```
#071d37 rgb(7,29,55)
```
#0a2649
```
#0a2649 rgb(10,38,73)
```
#0c2f5a
```
#0c2f5a rgb(12,47,90)
```
#0e386b
```
#0e386b rgb(14,56,107)
```
#11417d
```
#11417d rgb(17,65,125)
```
#134a8e
```
#134a8e rgb(19,74,142)
```
#15539f
```
#15539f rgb(21,83,159)
```
#185cb1
```
#185cb1 rgb(24,92,177)
```
#1a65c2
```
#1a65c2 rgb(26,101,194)
```
#1c6ed3
```
#1c6ed3 rgb(28,110,211)
```

Shade Color Variation

#2178e1
```
#2178e1 rgb(33,120,225)
```
#3382e4
```
#3382e4 rgb(51,130,228)
```
#448de6
```
#448de6 rgb(68,141,230)
```
#5597e8
```
#5597e8 rgb(85,151,232)
```
#67a2eb
```
#67a2eb rgb(103,162,235)
```
#78aded
```
#78aded rgb(120,173,237)
```
#89b7ef
```
#89b7ef rgb(137,183,239)
```
#9bc2f2
```
#9bc2f2 rgb(155,194,242)
```
#acccf4
```
#acccf4 rgb(172,204,244)
```
#bdd7f6
```
#bdd7f6 rgb(189,215,246)
```
#cfe1f9
```
#cfe1f9 rgb(207,225,249)
```
#e0ecfb
```
#e0ecfb rgb(224,236,251)
```
#f1f7fd
```
#f1f7fd rgb(241,247,253)
```

Tint Color Variation

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

#2f3337
```
#2f3337 rgb(47,51,55)
```
#2b323b
```
#2b323b rgb(43,50,59)
```
#27323f
```
#27323f rgb(39,50,63)
```
#243142
```
#243142 rgb(36,49,66)
```
#203146
```
#203146 rgb(32,49,70)
```
#1c314a
```
#1c314a rgb(28,49,74)
```
#18304e
```
#18304e rgb(24,48,78)
```
#143052
```
#143052 rgb(20,48,82)
```
#102f56
```
#102f56 rgb(16,47,86)
```
#0c2f5a
```
#0c2f5a rgb(12,47,90)
```
#082f5e
```
#082f5e rgb(8,47,94)
```
#042e62
```
#042e62 rgb(4,46,98)
```
#002e66
```
#002e66 rgb(0,46,102)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#232a33 Atypical Achromatopsia 0.001% of the population

Dichromacy

#243861 Protanopia 1% of men
#053a62 Deuteranopia 1% of men
#003f43 Tritanopia 0.001% of the population

Trichromacy

#1b355e Protanomaly 1% of men, 0.01% of women
#07365f Deuteranomaly 6% of men, 0.4% of women
#04394b Tritanomaly 0.01% of the population