#0c336e hex color

In a RGB color space, hex #0c336e is composed of 4.7% red, 20% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 89.1% cyan, 53.6% magenta, 0% yellow and 56.9% black. It has a hue angle of 216.1 degrees, a saturation of 80.3% and a lightness of 23.9%. #0c336e color hex could be obtained by blending #1866dc with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 5
- G 20
- B 43
RGB color chart
- C 89
- M 54
- Y 0
- K 57
CMYK color chart

● #0c336e color description : Very dark blue.

The hexadecimal color #0c336e has RGB values of R:12, G:51, B:110 and CMYK values of C:0.89, M:0.54, Y:0, K:0.57. Its decimal value is 799598.

Hex triplet	0c336e	`#0c336e`
RGB Decimal	12, 51, 110	`rgb(12,51,110)`
RGB Percent	4.7, 20, 43.1	`rgb(4.7%,20%,43.1%)`
CMYK	89, 54, 0, 57
HSL	216.1°, 80.3, 23.9	`hsl(216.1,80.3%,23.9%)`
HSV (or HSB)	216.1°, 89.1, 43.1
Web Safe	003366	`#003366`

CIE-LAB	22.2, 11.399, -37.938
XYZ	4.149, 3.571, 15.222
xyY	0.181, 0.156, 3.571
CIE-LCH	22.2, 39.613, 286.724
CIE-LUV	22.2, -10.765, -45.438
Hunter-Lab	18.898, 6.121, -34.528
Binary	00001100, 00110011, 01101110

#0c336e
```
#0c336e rgb(12,51,110)
```
#6e470c
```
#6e470c rgb(110,71,12)
```

Complementary Color

#0c646e
```
#0c646e rgb(12,100,110)
```
#0c336e
```
#0c336e rgb(12,51,110)
```
#160c6e
```
#160c6e rgb(22,12,110)
```

Analogous Color

#646e0c
```
#646e0c rgb(100,110,12)
```
#0c336e
```
#0c336e rgb(12,51,110)
```
#6e160c
```
#6e160c rgb(110,22,12)
```

Split Complementary Color

#336e0c
```
#336e0c rgb(51,110,12)
```
#0c336e
```
#0c336e rgb(12,51,110)
```
#6e0c33
```
#6e0c33 rgb(110,12,51)
```

Triadic Color

#0c6e47
```
#0c6e47 rgb(12,110,71)
```
#0c336e
```
#0c336e rgb(12,51,110)
```
#6e0c33
```
#6e0c33 rgb(110,12,51)
```
#6e470c
```
#6e470c rgb(110,71,12)
```

Tetradic Color

#041329
```
#041329 rgb(4,19,41)
```
#071e40
```
#071e40 rgb(7,30,64)
```
#092857
```
#092857 rgb(9,40,87)
```
#0c336e
```
#0c336e rgb(12,51,110)
```
#0f3e85
```
#0f3e85 rgb(15,62,133)
```
#11489c
```
#11489c rgb(17,72,156)
```
#1453b3
```
#1453b3 rgb(20,83,179)
```

Monochromatic Color

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

#0c4c6e
```
#0c4c6e rgb(12,76,110)
```
#0c436e
```
#0c436e rgb(12,67,110)
```
#0c3b6e
```
#0c3b6e rgb(12,59,110)
```
#0c336e
```
#0c336e rgb(12,51,110)
```
#0c2b6e
```
#0c2b6e rgb(12,43,110)
```
#0c236e
```
#0c236e rgb(12,35,110)
```
#0c1b6e
```
#0c1b6e rgb(12,27,110)
```

Similar Colors

Text with hexadecimal color #0c336e

This text has a font color of #0c336e.

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

#0c336e background color

This paragraph has a background color of #0c336e.

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

#0c336e border color

This element has a border color of #0c336e.

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

CSS codes

.text {color:#0c336e;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#020a16
```
#020a16 rgb(2,10,22)
```
#041227
```
#041227 rgb(4,18,39)
```
#061a39
```
#061a39 rgb(6,26,57)
```
#08234b
```
#08234b rgb(8,35,75)
```
#0a2b5c
```
#0a2b5c rgb(10,43,92)
```
#0c336e
```
#0c336e rgb(12,51,110)
```
#0e3b80
```
#0e3b80 rgb(14,59,128)
```
#104391
```
#104391 rgb(16,67,145)
```
#124ca3
```
#124ca3 rgb(18,76,163)
```
#1454b5
```
#1454b5 rgb(20,84,181)
```
#165cc6
```
#165cc6 rgb(22,92,198)
```
#1864d8
```
#1864d8 rgb(24,100,216)
```

Shade Color Variation

#1d6de6
```
#1d6de6 rgb(29,109,230)
```
#2f79e8
```
#2f79e8 rgb(47,121,232)
```
#4084ea
```
#4084ea rgb(64,132,234)
```
#528fec
```
#528fec rgb(82,143,236)
```
#649bee
```
#649bee rgb(100,155,238)
```
#75a6f0
```
#75a6f0 rgb(117,166,240)
```
#87b2f2
```
#87b2f2 rgb(135,178,242)
```
#99bdf4
```
#99bdf4 rgb(153,189,244)
```
#aac8f6
```
#aac8f6 rgb(170,200,246)
```
#bcd4f8
```
#bcd4f8 rgb(188,212,248)
```
#cedffa
```
#cedffa rgb(206,223,250)
```
#e0ebfc
```
#e0ebfc rgb(224,235,252)
```
#f1f6fd
```
#f1f6fd rgb(241,246,253)
```

Tint Color Variation

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

#3b3d3f
```
#3b3d3f rgb(59,61,63)
```
#363c44
```
#363c44 rgb(54,60,68)
```
#323b48
```
#323b48 rgb(50,59,72)
```
#2d3a4d
```
#2d3a4d rgb(45,58,77)
```
#283952
```
#283952 rgb(40,57,82)
```
#233857
```
#233857 rgb(35,56,87)
```
#1f375b
```
#1f375b rgb(31,55,91)
```
#1a3660
```
#1a3660 rgb(26,54,96)
```
#153565
```
#153565 rgb(21,53,101)
```
#113469
```
#113469 rgb(17,52,105)
```
#0c336e
```
#0c336e rgb(12,51,110)
```
#073273
```
#073273 rgb(7,50,115)
```
#033177
```
#033177 rgb(3,49,119)
```

Tone Color Variation

Below, you can see how #0c336e 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
#272f3b Atypical Achromatopsia 0.001% of the population

Dichromacy

#173d75 Protanopia 1% of men
#00406a Deuteranopia 1% of men
#004549 Tritanopia 0.001% of the population

Trichromacy

#133972 Protanomaly 1% of men, 0.01% of women
#043b6b Deuteranomaly 6% of men, 0.4% of women
#043f57 Tritanomaly 0.01% of the population

#0c336e hex color

#0c336e Color Information

#0c336e Color Conversion

Color Schemes with #0c336e

Alternatives to #0c336e

#0c336e Preview

Shades and Tints of #0c336e

Tones of #0c336e

Color Blindness Simulator