colorhexa.com

#0c337b hex color

In a RGB color space, hex #0c337b is composed of 4.7% red, 20% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 58.5% magenta, 0% yellow and 51.8% black. It has a hue angle of 218.9 degrees, a saturation of 82.2% and a lightness of 26.5%. #0c337b color hex could be obtained by blending #1866f6 with #000000. Closest websafe color is: #003366.

- R 5
- G 20
- B 48
RGB color chart
- C 90
- M 59
- Y 0
- K 52
CMYK color chart

● #0c337b color description : Dark blue.

The hexadecimal color #0c337b has RGB values of R:12, G:51, B:123 and CMYK values of C:0.9, M:0.59, Y:0, K:0.52. Its decimal value is 799611.

Hex triplet	0c337b	`#0c337b`
RGB Decimal	12, 51, 123	`rgb(12,51,123)`
RGB Percent	4.7, 20, 48.2	`rgb(4.7%,20%,48.2%)`
CMYK	90, 59, 0, 52
HSL	218.9°, 82.2, 26.5	`hsl(218.9,82.2%,26.5%)`
HSV (or HSB)	218.9°, 90.2, 48.2
Web Safe	003366	`#003366`

CIE-LAB	23.255, 17.01, -44.524
XYZ	4.91, 3.875, 19.227
xyY	0.175, 0.138, 3.875
CIE-LCH	23.255, 47.662, 290.909
CIE-LUV	23.255, -10.629, -54.241
Hunter-Lab	19.686, 10.068, -44.127
Binary	00001100, 00110011, 01111011

#0c337b
```
#0c337b rgb(12,51,123)
```
#7b540c
```
#7b540c rgb(123,84,12)
```

Complementary Color

#0c6b7b
```
#0c6b7b rgb(12,107,123)
```
#0c337b
```
#0c337b rgb(12,51,123)
```
#1d0c7b
```
#1d0c7b rgb(29,12,123)
```

Analogous Color

#6b7b0c
```
#6b7b0c rgb(107,123,12)
```
#0c337b
```
#0c337b rgb(12,51,123)
```
#7b1c0c
```
#7b1c0c rgb(123,28,12)
```

Split Complementary Color

#337b0c
```
#337b0c rgb(51,123,12)
```
#0c337b
```
#0c337b rgb(12,51,123)
```
#7b0c33
```
#7b0c33 rgb(123,12,51)
```

Triadic Color

#051635
```
#051635 rgb(5,22,53)
```
#07204d
```
#07204d rgb(7,32,77)
```
#0a2964
```
#0a2964 rgb(10,41,100)
```
#0c337b
```
#0c337b rgb(12,51,123)
```
#0e3d92
```
#0e3d92 rgb(14,61,146)
```
#1146a9
```
#1146a9 rgb(17,70,169)
```
#1350c1
```
#1350c1 rgb(19,80,193)
```

Monochromatic Color

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

#0c4f7b
```
#0c4f7b rgb(12,79,123)
```
#0c467b
```
#0c467b rgb(12,70,123)
```
#0c3c7b
```
#0c3c7b rgb(12,60,123)
```
#0c337b
```
#0c337b rgb(12,51,123)
```
#0c2a7b
```
#0c2a7b rgb(12,42,123)
```
#0c217b
```
#0c217b rgb(12,33,123)
```
#0c177b
```
#0c177b rgb(12,23,123)
```

Similar Colors

Text with hexadecimal color #0c337b

This text has a font color of #0c337b.

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

#0c337b background color

This paragraph has a background color of #0c337b.

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

#0c337b border color

This element has a border color of #0c337b.

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

CSS codes

.text {color:#0c337b;}

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

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

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

#020710
```
#020710 rgb(2,7,16)
```
#030e22
```
#030e22 rgb(3,14,34)
```
#051534
```
#051534 rgb(5,21,52)
```
#071d45
```
#071d45 rgb(7,29,69)
```
#092457
```
#092457 rgb(9,36,87)
```
#0a2c69
```
#0a2c69 rgb(10,44,105)
```
#0c337b
```
#0c337b rgb(12,51,123)
```
#0e3a8d
```
#0e3a8d rgb(14,58,141)
```
#0f429f
```
#0f429f rgb(15,66,159)
```
#1149b1
```
#1149b1 rgb(17,73,177)
```
#1351c2
```
#1351c2 rgb(19,81,194)
```
#1558d4
```
#1558d4 rgb(21,88,212)
```
#165fe6
```
#165fe6 rgb(22,95,230)
```

Shade Color Variation

#266bea
```
#266bea rgb(38,107,234)
```
#3877ec
```
#3877ec rgb(56,119,236)
```
#4a84ed
```
#4a84ed rgb(74,132,237)
```
#5c90ef
```
#5c90ef rgb(92,144,239)
```
#6e9cf1
```
#6e9cf1 rgb(110,156,241)
```
#80a8f3
```
#80a8f3 rgb(128,168,243)
```
#92b4f4
```
#92b4f4 rgb(146,180,244)
```
#a4c1f6
```
#a4c1f6 rgb(164,193,246)
```
#b5cdf8
```
#b5cdf8 rgb(181,205,248)
```
#c7d9fa
```
#c7d9fa rgb(199,217,250)
```
#d9e5fb
```
#d9e5fb rgb(217,229,251)
```
#ebf1fd
```
#ebf1fd rgb(235,241,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#404247
```
#404247 rgb(64,66,71)
```
#3b414c
```
#3b414c rgb(59,65,76)
```
#363f51
```
#363f51 rgb(54,63,81)
```
#303e57
```
#303e57 rgb(48,62,87)
```
#2b3c5c
```
#2b3c5c rgb(43,60,92)
```
#263b61
```
#263b61 rgb(38,59,97)
```
#213966
```
#213966 rgb(33,57,102)
```
#1c386b
```
#1c386b rgb(28,56,107)
```
#163671
```
#163671 rgb(22,54,113)
```
#113576
```
#113576 rgb(17,53,118)
```
#0c337b
```
#0c337b rgb(12,51,123)
```
#073180
```
#073180 rgb(7,49,128)
```
#023085
```
#023085 rgb(2,48,133)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#29313f Atypical Achromatopsia 0.001% of the population

Dichromacy

#003f7d Protanopia 1% of men
#00436d Deuteranopia 1% of men
#00484c Tritanopia 0.001% of the population

Trichromacy

#043b7c Protanomaly 1% of men, 0.01% of women
#043d72 Deuteranomaly 6% of men, 0.4% of women
#04405d Tritanomaly 0.01% of the population