#0c3454 hex color

In a RGB color space, hex #0c3454 is composed of 4.7% red, 20.4% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 38.1% magenta, 0% yellow and 67.1% black. It has a hue angle of 206.7 degrees, a saturation of 75% and a lightness of 18.8%. #0c3454 color hex could be obtained by blending #1868a8 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 5
- G 20
- B 33
RGB color chart
- C 86
- M 38
- Y 0
- K 67
CMYK color chart

● #0c3454 color description : Very dark blue.

The hexadecimal color #0c3454 has RGB values of R:12, G:52, B:84 and CMYK values of C:0.86, M:0.38, Y:0, K:0.67. Its decimal value is 799828.

Hex triplet	0c3454	`#0c3454`
RGB Decimal	12, 52, 84	`rgb(12,52,84)`
RGB Percent	4.7, 20.4, 32.9	`rgb(4.7%,20.4%,32.9%)`
CMYK	86, 38, 0, 67
HSL	206.7°, 75, 18.8	`hsl(206.7,75%,18.8%)`
HSV (or HSB)	206.7°, 85.7, 32.9
Web Safe	003366	`#003366`

CIE-LAB	20.728, -0.655, -23.287
XYZ	2.979, 3.174, 8.843
xyY	0.199, 0.212, 3.174
CIE-LCH	20.728, 23.296, 268.388
CIE-LUV	20.728, -11.667, -26.384
Hunter-Lab	17.816, -1.325, -16.957
Binary	00001100, 00110100, 01010100

#0c3454
```
#0c3454 rgb(12,52,84)
```
#542c0c
```
#542c0c rgb(84,44,12)
```

Complementary Color

#0c5450
```
#0c5450 rgb(12,84,80)
```
#0c3454
```
#0c3454 rgb(12,52,84)
```
#0c1054
```
#0c1054 rgb(12,16,84)
```

Analogous Color

#54500c
```
#54500c rgb(84,80,12)
```
#0c3454
```
#0c3454 rgb(12,52,84)
```
#540c10
```
#540c10 rgb(84,12,16)
```

Split Complementary Color

#34540c
```
#34540c rgb(52,84,12)
```
#0c3454
```
#0c3454 rgb(12,52,84)
```
#540c34
```
#540c34 rgb(84,12,52)
```

Triadic Color

#0c542c
```
#0c542c rgb(12,84,44)
```
#0c3454
```
#0c3454 rgb(12,52,84)
```
#540c34
```
#540c34 rgb(84,12,52)
```
#542c0c
```
#542c0c rgb(84,44,12)
```

Tetradic Color

#020b11
```
#020b11 rgb(2,11,17)
```
#061827
```
#061827 rgb(6,24,39)
```
#09263e
```
#09263e rgb(9,38,62)
```
#0c3454
```
#0c3454 rgb(12,52,84)
```
#0f426a
```
#0f426a rgb(15,66,106)
```
#125081
```
#125081 rgb(18,80,129)
```
#165d97
```
#165d97 rgb(22,93,151)
```

Monochromatic Color

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

#0c4654
```
#0c4654 rgb(12,70,84)
```
#0c4054
```
#0c4054 rgb(12,64,84)
```
#0c3a54
```
#0c3a54 rgb(12,58,84)
```
#0c3454
```
#0c3454 rgb(12,52,84)
```
#0c2e54
```
#0c2e54 rgb(12,46,84)
```
#0c2854
```
#0c2854 rgb(12,40,84)
```
#0c2254
```
#0c2254 rgb(12,34,84)
```

Similar Colors

Text with hexadecimal color #0c3454

This text has a font color of #0c3454.

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

#0c3454 background color

This paragraph has a background color of #0c3454.

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

#0c3454 border color

This element has a border color of #0c3454.

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

CSS codes

.text {color:#0c3454;}

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

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

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

#020a0f
```
#020a0f rgb(2,10,15)
```
#051421
```
#051421 rgb(5,20,33)
```
#071f32
```
#071f32 rgb(7,31,50)
```
#0a2943
```
#0a2943 rgb(10,41,67)
```
#0c3454
```
#0c3454 rgb(12,52,84)
```
#0e3f65
```
#0e3f65 rgb(14,63,101)
```
#114976
```
#114976 rgb(17,73,118)
```
#135487
```
#135487 rgb(19,84,135)
```
#165f99
```
#165f99 rgb(22,95,153)
```
#1869aa
```
#1869aa rgb(24,105,170)
```
#1b74bb
```
#1b74bb rgb(27,116,187)
```
#1d7ecc
```
#1d7ecc rgb(29,126,204)
```
#2089dd
```
#2089dd rgb(32,137,221)
```

Shade Color Variation

#2f92e1
```
#2f92e1 rgb(47,146,225)
```
#409be4
```
#409be4 rgb(64,155,228)
```
#52a4e6
```
#52a4e6 rgb(82,164,230)
```
#63ade9
```
#63ade9 rgb(99,173,233)
```
#74b6eb
```
#74b6eb rgb(116,182,235)
```
#85bfee
```
#85bfee rgb(133,191,238)
```
#96c8f0
```
#96c8f0 rgb(150,200,240)
```
#a7d1f2
```
#a7d1f2 rgb(167,209,242)
```
#b9daf5
```
#b9daf5 rgb(185,218,245)
```
#cae3f7
```
#cae3f7 rgb(202,227,247)
```
#dbecfa
```
#dbecfa rgb(219,236,250)
```
#ecf5fc
```
#ecf5fc rgb(236,245,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#2d3033
```
#2d3033 rgb(45,48,51)
```
#2a3136
```
#2a3136 rgb(42,49,54)
```
#26313a
```
#26313a rgb(38,49,58)
```
#22323e
```
#22323e rgb(34,50,62)
```
#1e3242
```
#1e3242 rgb(30,50,66)
```
#1b3245
```
#1b3245 rgb(27,50,69)
```
#173349
```
#173349 rgb(23,51,73)
```
#13334d
```
#13334d rgb(19,51,77)
```
#103450
```
#103450 rgb(16,52,80)
```
#0c3454
```
#0c3454 rgb(12,52,84)
```
#083458
```
#083458 rgb(8,52,88)
```
#05355b
```
#05355b rgb(5,53,91)
```
#01355f
```
#01355f rgb(1,53,95)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#262e34 Atypical Achromatopsia 0.001% of the population

Dichromacy

#303b5a Protanopia 1% of men
#263c5d Deuteranopia 1% of men
#004246 Tritanopia 0.001% of the population

Trichromacy

#233858 Protanomaly 1% of men, 0.01% of women
#1d395a Deuteranomaly 6% of men, 0.4% of women
#043d4b Tritanomaly 0.01% of the population

#0c3454 hex color

#0c3454 Color Information

#0c3454 Color Conversion

Color Schemes with #0c3454

Alternatives to #0c3454

#0c3454 Preview

Shades and Tints of #0c3454

Tones of #0c3454

Color Blindness Simulator