#0c2f66 hex color

In a RGB color space, hex #0c2f66 is composed of 4.7% red, 18.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 88.2% cyan, 53.9% magenta, 0% yellow and 60% black. It has a hue angle of 216.7 degrees, a saturation of 78.9% and a lightness of 22.4%. #0c2f66 color hex could be obtained by blending #185ecc with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 5
- G 18
- B 40
RGB color chart
- C 88
- M 54
- Y 0
- K 60
CMYK color chart

● #0c2f66 color description : Very dark blue.

The hexadecimal color #0c2f66 has RGB values of R:12, G:47, B:102 and CMYK values of C:0.88, M:0.54, Y:0, K:0.6. Its decimal value is 798566.

Hex triplet	0c2f66	`#0c2f66`
RGB Decimal	12, 47, 102	`rgb(12,47,102)`
RGB Percent	4.7, 18.4, 40	`rgb(4.7%,18.4%,40%)`
CMYK	88, 54, 0, 60
HSL	216.7°, 78.9, 22.4	`hsl(216.7,78.9%,22.4%)`
HSV (or HSB)	216.7°, 88.2, 40
Web Safe	003366	`#003366`

CIE-LAB	20.323, 10.819, -35.792
XYZ	3.566, 3.07, 12.974
xyY	0.182, 0.157, 3.07
CIE-LCH	20.323, 37.391, 286.819
CIE-LUV	20.323, -9.708, -41.283
Hunter-Lab	17.522, 5.663, -31.636
Binary	00001100, 00101111, 01100110

#0c2f66
```
#0c2f66 rgb(12,47,102)
```
#66430c
```
#66430c rgb(102,67,12)
```

Complementary Color

#0c5c66
```
#0c5c66 rgb(12,92,102)
```
#0c2f66
```
#0c2f66 rgb(12,47,102)
```
#160c66
```
#160c66 rgb(22,12,102)
```

Analogous Color

#5c660c
```
#5c660c rgb(92,102,12)
```
#0c2f66
```
#0c2f66 rgb(12,47,102)
```
#66160c
```
#66160c rgb(102,22,12)
```

Split Complementary Color

#2f660c
```
#2f660c rgb(47,102,12)
```
#0c2f66
```
#0c2f66 rgb(12,47,102)
```
#660c2f
```
#660c2f rgb(102,12,47)
```

Triadic Color

#0c6643
```
#0c6643 rgb(12,102,67)
```
#0c2f66
```
#0c2f66 rgb(12,47,102)
```
#660c2f
```
#660c2f rgb(102,12,47)
```
#66430c
```
#66430c rgb(102,67,12)
```

Tetradic Color

#040f22
```
#040f22 rgb(4,15,34)
```
#071a38
```
#071a38 rgb(7,26,56)
```
#09244f
```
#09244f rgb(9,36,79)
```
#0c2f66
```
#0c2f66 rgb(12,47,102)
```
#0f3a7d
```
#0f3a7d rgb(15,58,125)
```
#114494
```
#114494 rgb(17,68,148)
```
#144faa
```
#144faa rgb(20,79,170)
```

Monochromatic Color

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

#0c4666
```
#0c4666 rgb(12,70,102)
```
#0c3e66
```
#0c3e66 rgb(12,62,102)
```
#0c3766
```
#0c3766 rgb(12,55,102)
```
#0c2f66
```
#0c2f66 rgb(12,47,102)
```
#0c2866
```
#0c2866 rgb(12,40,102)
```
#0c2066
```
#0c2066 rgb(12,32,102)
```
#0c1966
```
#0c1966 rgb(12,25,102)
```

Similar Colors

Text with hexadecimal color #0c2f66

This text has a font color of #0c2f66.

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

#0c2f66 background color

This paragraph has a background color of #0c2f66.

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

#0c2f66 border color

This element has a border color of #0c2f66.

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

CSS codes

.text {color:#0c2f66;}

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

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

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, #02070e is the darkest color, while #fcfdff is the lightest one.

#02070e
```
#02070e rgb(2,7,14)
```
#040f20
```
#040f20 rgb(4,15,32)
```
#061731
```
#061731 rgb(6,23,49)
```
#081f43
```
#081f43 rgb(8,31,67)
```
#0a2754
```
#0a2754 rgb(10,39,84)
```
#0c2f66
```
#0c2f66 rgb(12,47,102)
```
#0e3778
```
#0e3778 rgb(14,55,120)
```
#103f89
```
#103f89 rgb(16,63,137)
```
#12479b
```
#12479b rgb(18,71,155)
```
#144fac
```
#144fac rgb(20,79,172)
```
#1657be
```
#1657be rgb(22,87,190)
```
#1860cf
```
#1860cf rgb(24,96,207)
```
#1a68e1
```
#1a68e1 rgb(26,104,225)
```

Shade Color Variation

#2972e6
```
#2972e6 rgb(41,114,230)
```
#3b7ee8
```
#3b7ee8 rgb(59,126,232)
```
#4c8aea
```
#4c8aea rgb(76,138,234)
```
#5e95ec
```
#5e95ec rgb(94,149,236)
```
#6fa1ee
```
#6fa1ee rgb(111,161,238)
```
#81acf0
```
#81acf0 rgb(129,172,240)
```
#92b8f2
```
#92b8f2 rgb(146,184,242)
```
#a4c3f4
```
#a4c3f4 rgb(164,195,244)
```
#b5cff6
```
#b5cff6 rgb(181,207,246)
```
#c7daf8
```
#c7daf8 rgb(199,218,248)
```
#d9e6fa
```
#d9e6fa rgb(217,230,250)
```
#eaf1fd
```
#eaf1fd rgb(234,241,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #38393a is the less saturated color, while #032d6f is the most saturated one.

#38393a
```
#38393a rgb(56,57,58)
```
#33383f
```
#33383f rgb(51,56,63)
```
#2f3743
```
#2f3743 rgb(47,55,67)
```
#2b3647
```
#2b3647 rgb(43,54,71)
```
#26354c
```
#26354c rgb(38,53,76)
```
#223450
```
#223450 rgb(34,52,80)
```
#1e3354
```
#1e3354 rgb(30,51,84)
```
#193259
```
#193259 rgb(25,50,89)
```
#15315d
```
#15315d rgb(21,49,93)
```
#103062
```
#103062 rgb(16,48,98)
```
#0c2f66
```
#0c2f66 rgb(12,47,102)
```
#082e6a
```
#082e6a rgb(8,46,106)
```
#032d6f
```
#032d6f rgb(3,45,111)
```

Tone Color Variation

Below, you can see how #0c2f66 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
#252c37 Atypical Achromatopsia 0.001% of the population

Dichromacy

#16396e Protanopia 1% of men
#003c64 Deuteranopia 1% of men
#004145 Tritanopia 0.001% of the population

Trichromacy

#12356b Protanomaly 1% of men, 0.01% of women
#043764 Deuteranomaly 6% of men, 0.4% of women
#043a51 Tritanomaly 0.01% of the population

#0c2f66 hex color

#0c2f66 Color Information

#0c2f66 Color Conversion

Color Schemes with #0c2f66

Alternatives to #0c2f66

#0c2f66 Preview

Shades and Tints of #0c2f66

Tones of #0c2f66

Color Blindness Simulator