colorhexa.com

#0c2f7c hex color

In a RGB color space, hex #0c2f7c is composed of 4.7% red, 18.4% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 90.3% cyan, 62.1% magenta, 0% yellow and 51.4% black. It has a hue angle of 221.3 degrees, a saturation of 82.4% and a lightness of 26.7%. #0c2f7c color hex could be obtained by blending #185ef8 with #000000. Closest websafe color is: #003366.

- R 5
- G 18
- B 49
RGB color chart
- C 90
- M 62
- Y 0
- K 51
CMYK color chart

● #0c2f7c color description : Dark blue.

The hexadecimal color #0c2f7c has RGB values of R:12, G:47, B:124 and CMYK values of C:0.9, M:0.62, Y:0, K:0.51. Its decimal value is 798588.

Hex triplet	0c2f7c	`#0c2f7c`
RGB Decimal	12, 47, 124	`rgb(12,47,124)`
RGB Percent	4.7, 18.4, 48.6	`rgb(4.7%,18.4%,48.6%)`
CMYK	90, 62, 0, 51
HSL	221.3°, 82.4, 26.7	`hsl(221.3,82.4%,26.7%)`
HSV (or HSB)	221.3°, 90.3, 48.6
Web Safe	003366	`#003366`

CIE-LAB	22.182, 20.309, -46.909
XYZ	4.805, 3.566, 19.503
xyY	0.172, 0.128, 3.566
CIE-LCH	22.182, 51.117, 293.41
CIE-LUV	22.182, -9.595, -55.817
Hunter-Lab	18.884, 12.376, -48.014
Binary	00001100, 00101111, 01111100

#0c2f7c
```
#0c2f7c rgb(12,47,124)
```
#7c590c
```
#7c590c rgb(124,89,12)
```

Complementary Color

#0c677c
```
#0c677c rgb(12,103,124)
```
#0c2f7c
```
#0c2f7c rgb(12,47,124)
```
#210c7c
```
#210c7c rgb(33,12,124)
```

Analogous Color

#677c0c
```
#677c0c rgb(103,124,12)
```
#0c2f7c
```
#0c2f7c rgb(12,47,124)
```
#7c210c
```
#7c210c rgb(124,33,12)
```

Split Complementary Color

#2f7c0c
```
#2f7c0c rgb(47,124,12)
```
#0c2f7c
```
#0c2f7c rgb(12,47,124)
```
#7c0c2f
```
#7c0c2f rgb(124,12,47)
```

Triadic Color

#051536
```
#051536 rgb(5,21,54)
```
#081d4e
```
#081d4e rgb(8,29,78)
```
#0a2665
```
#0a2665 rgb(10,38,101)
```
#0c2f7c
```
#0c2f7c rgb(12,47,124)
```
#0e3893
```
#0e3893 rgb(14,56,147)
```
#1141ab
```
#1141ab rgb(17,65,171)
```
#1349c2
```
#1349c2 rgb(19,73,194)
```

Monochromatic Color

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

#0c4b7c
```
#0c4b7c rgb(12,75,124)
```
#0c427c
```
#0c427c rgb(12,66,124)
```
#0c387c
```
#0c387c rgb(12,56,124)
```
#0c2f7c
```
#0c2f7c rgb(12,47,124)
```
#0c267c
```
#0c267c rgb(12,38,124)
```
#0c1c7c
```
#0c1c7c rgb(12,28,124)
```
#0c137c
```
#0c137c rgb(12,19,124)
```

Similar Colors

Text with hexadecimal color #0c2f7c

This text has a font color of #0c2f7c.

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

#0c2f7c background color

This paragraph has a background color of #0c2f7c.

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

#0c2f7c border color

This element has a border color of #0c2f7c.

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

CSS codes

.text {color:#0c2f7c;}

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

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

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

#020611
```
#020611 rgb(2,6,17)
```
#030d23
```
#030d23 rgb(3,13,35)
```
#051434
```
#051434 rgb(5,20,52)
```
#071b46
```
#071b46 rgb(7,27,70)
```
#092158
```
#092158 rgb(9,33,88)
```
#0a286a
```
#0a286a rgb(10,40,106)
```
#0c2f7c
```
#0c2f7c rgb(12,47,124)
```
#0e368e
```
#0e368e rgb(14,54,142)
```
#0f3da0
```
#0f3da0 rgb(15,61,160)
```
#1143b2
```
#1143b2 rgb(17,67,178)
```
#134ac4
```
#134ac4 rgb(19,74,196)
```
#1551d5
```
#1551d5 rgb(21,81,213)
```
#1658e7
```
#1658e7 rgb(22,88,231)
```

Shade Color Variation

#2764ea
```
#2764ea rgb(39,100,234)
```
#3971ec
```
#3971ec rgb(57,113,236)
```
#4b7eee
```
#4b7eee rgb(75,126,238)
```
#5d8bef
```
#5d8bef rgb(93,139,239)
```
#6f97f1
```
#6f97f1 rgb(111,151,241)
```
#81a4f3
```
#81a4f3 rgb(129,164,243)
```
#93b1f5
```
#93b1f5 rgb(147,177,245)
```
#a4bef6
```
#a4bef6 rgb(164,190,246)
```
#b6cbf8
```
#b6cbf8 rgb(182,203,248)
```
#c8d8fa
```
#c8d8fa rgb(200,216,250)
```
#dae4fb
```
#dae4fb rgb(218,228,251)
```
#ecf1fd
```
#ecf1fd rgb(236,241,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #404348 is the less saturated color, while #022b86 is the most saturated one.

#404348
```
#404348 rgb(64,67,72)
```
#3b414d
```
#3b414d rgb(59,65,77)
```
#363f52
```
#363f52 rgb(54,63,82)
```
#313d57
```
#313d57 rgb(49,61,87)
```
#2b3b5d
```
#2b3b5d rgb(43,59,93)
```
#263962
```
#263962 rgb(38,57,98)
```
#213767
```
#213767 rgb(33,55,103)
```
#1c356c
```
#1c356c rgb(28,53,108)
```
#163372
```
#163372 rgb(22,51,114)
```
#113177
```
#113177 rgb(17,49,119)
```
#0c2f7c
```
#0c2f7c rgb(12,47,124)
```
#072d81
```
#072d81 rgb(7,45,129)
```
#022b86
```
#022b86 rgb(2,43,134)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#262d3d Atypical Achromatopsia 0.001% of the population

Dichromacy

#003d78 Protanopia 1% of men
#004169 Deuteranopia 1% of men
#004549 Tritanopia 0.001% of the population

Trichromacy

#043879 Protanomaly 1% of men, 0.01% of women
#043a6f Deuteranomaly 6% of men, 0.4% of women
#043d5b Tritanomaly 0.01% of the population