#0c2f80 hex color

In a RGB color space, hex #0c2f80 is composed of 4.7% red, 18.4% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 90.6% cyan, 63.3% magenta, 0% yellow and 49.8% black. It has a hue angle of 221.9 degrees, a saturation of 82.9% and a lightness of 27.5%. #0c2f80 color hex could be obtained by blending #185eff with #000001. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 5
- G 18
- B 50
RGB color chart
- C 91
- M 63
- Y 0
- K 50
CMYK color chart

● #0c2f80 color description : Dark blue.

The hexadecimal color #0c2f80 has RGB values of R:12, G:47, B:128 and CMYK values of C:0.91, M:0.63, Y:0, K:0.5. Its decimal value is 798592.

Hex triplet	0c2f80	`#0c2f80`
RGB Decimal	12, 47, 128	`rgb(12,47,128)`
RGB Percent	4.7, 18.4, 50.2	`rgb(4.7%,18.4%,50.2%)`
CMYK	91, 63, 0, 50
HSL	221.9°, 82.9, 27.5	`hsl(221.9,82.9%,27.5%)`
HSV (or HSB)	221.9°, 90.6, 50.2
Web Safe	003399	`#003399`

CIE-LAB	22.547, 21.989, -48.841
XYZ	5.064, 3.669, 20.862
xyY	0.171, 0.124, 3.669
CIE-LCH	22.547, 53.562, 294.238
CIE-LUV	22.547, -9.6, -58.378
Hunter-Lab	19.155, 13.663, -51.164
Binary	00001100, 00101111, 10000000

#0c2f80
```
#0c2f80 rgb(12,47,128)
```
#805d0c
```
#805d0c rgb(128,93,12)
```

Complementary Color

#0c6980
```
#0c6980 rgb(12,105,128)
```
#0c2f80
```
#0c2f80 rgb(12,47,128)
```
#230c80
```
#230c80 rgb(35,12,128)
```

Analogous Color

#69800c
```
#69800c rgb(105,128,12)
```
#0c2f80
```
#0c2f80 rgb(12,47,128)
```
#80230c
```
#80230c rgb(128,35,12)
```

Split Complementary Color

#2f800c
```
#2f800c rgb(47,128,12)
```
#0c2f80
```
#0c2f80 rgb(12,47,128)
```
#800c2f
```
#800c2f rgb(128,12,47)
```

Triadic Color

#0c805d
```
#0c805d rgb(12,128,93)
```
#0c2f80
```
#0c2f80 rgb(12,47,128)
```
#800c2f
```
#800c2f rgb(128,12,47)
```
#805d0c
```
#805d0c rgb(128,93,12)
```

Tetradic Color

#05153a
```
#05153a rgb(5,21,58)
```
#081e51
```
#081e51 rgb(8,30,81)
```
#0a2669
```
#0a2669 rgb(10,38,105)
```
#0c2f80
```
#0c2f80 rgb(12,47,128)
```
#0e3897
```
#0e3897 rgb(14,56,151)
```
#1040af
```
#1040af rgb(16,64,175)
```
#1349c6
```
#1349c6 rgb(19,73,198)
```

Monochromatic Color

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

#0c4c80
```
#0c4c80 rgb(12,76,128)
```
#0c4280
```
#0c4280 rgb(12,66,128)
```
#0c3980
```
#0c3980 rgb(12,57,128)
```
#0c2f80
```
#0c2f80 rgb(12,47,128)
```
#0c2580
```
#0c2580 rgb(12,37,128)
```
#0c1c80
```
#0c1c80 rgb(12,28,128)
```
#0c1280
```
#0c1280 rgb(12,18,128)
```

Similar Colors

Text with hexadecimal color #0c2f80

This text has a font color of #0c2f80.

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

#0c2f80 background color

This paragraph has a background color of #0c2f80.

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

#0c2f80 border color

This element has a border color of #0c2f80.

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

CSS codes

.text {color:#0c2f80;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#020714
```
#020714 rgb(2,7,20)
```
#040e26
```
#040e26 rgb(4,14,38)
```
#051538
```
#051538 rgb(5,21,56)
```
#071b4a
```
#071b4a rgb(7,27,74)
```
#09225c
```
#09225c rgb(9,34,92)
```
#0a286e
```
#0a286e rgb(10,40,110)
```
#0c2f80
```
#0c2f80 rgb(12,47,128)
```
#0e3692
```
#0e3692 rgb(14,54,146)
```
#0f3ca4
```
#0f3ca4 rgb(15,60,164)
```
#1143b6
```
#1143b6 rgb(17,67,182)
```
#1349c8
```
#1349c8 rgb(19,73,200)
```
#1450da
```
#1450da rgb(20,80,218)
```

Shade Color Variation

#1857e9
```
#1857e9 rgb(24,87,233)
```
#2a64eb
```
#2a64eb rgb(42,100,235)
```
#3c71ed
```
#3c71ed rgb(60,113,237)
```
#4e7eee
```
#4e7eee rgb(78,126,238)
```
#608cf0
```
#608cf0 rgb(96,140,240)
```
#7299f2
```
#7299f2 rgb(114,153,242)
```
#84a6f3
```
#84a6f3 rgb(132,166,243)
```
#96b3f5
```
#96b3f5 rgb(150,179,245)
```
#a8c0f7
```
#a8c0f7 rgb(168,192,247)
```
#bacdf9
```
#bacdf9 rgb(186,205,249)
```
#ccdafa
```
#ccdafa rgb(204,218,250)
```
#dee7fc
```
#dee7fc rgb(222,231,252)
```
#f0f4fe
```
#f0f4fe rgb(240,244,254)
```

Tint Color Variation

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

#42444a
```
#42444a rgb(66,68,74)
```
#3c4250
```
#3c4250 rgb(60,66,80)
```
#374055
```
#374055 rgb(55,64,85)
```
#323e5a
```
#323e5a rgb(50,62,90)
```
#2c3c60
```
#2c3c60 rgb(44,60,96)
```
#273a65
```
#273a65 rgb(39,58,101)
```
#22386a
```
#22386a rgb(34,56,106)
```
#1c3570
```
#1c3570 rgb(28,53,112)
```
#173375
```
#173375 rgb(23,51,117)
```
#11317b
```
#11317b rgb(17,49,123)
```
#0c2f80
```
#0c2f80 rgb(12,47,128)
```
#072d85
```
#072d85 rgb(7,45,133)
```
#012b8b
```
#012b8b rgb(1,43,139)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#272e3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e79 Protanopia 1% of men
#00416a Deuteranopia 1% of men
#00464a Tritanopia 0.001% of the population

Trichromacy

#04387c Protanomaly 1% of men, 0.01% of women
#043b72 Deuteranomaly 6% of men, 0.4% of women
#043e5d Tritanomaly 0.01% of the population

#0c2f80 hex color

#0c2f80 Color Information

#0c2f80 Color Conversion

Color Schemes with #0c2f80

Alternatives to #0c2f80

#0c2f80 Preview

Shades and Tints of #0c2f80

Tones of #0c2f80

Color Blindness Simulator