#0c3554 hex color

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

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

● #0c3554 color description : Very dark blue.

The hexadecimal color #0c3554 has RGB values of R:12, G:53, B:84 and CMYK values of C:0.86, M:0.37, Y:0, K:0.67. Its decimal value is 800084.

Hex triplet	0c3554	`#0c3554`
RGB Decimal	12, 53, 84	`rgb(12,53,84)`
RGB Percent	4.7, 20.8, 32.9	`rgb(4.7%,20.8%,32.9%)`
CMYK	86, 37, 0, 67
HSL	205.8°, 75, 18.8	`hsl(205.8,75%,18.8%)`
HSV (or HSB)	205.8°, 85.7, 32.9
Web Safe	003366	`#003366`

CIE-LAB	21.072, -1.35, -22.742
XYZ	3.025, 3.264, 8.858
xyY	0.2, 0.216, 3.264
CIE-LCH	21.072, 22.782, 266.603
CIE-LUV	21.072, -12.01, -25.856
Hunter-Lab	18.067, -1.735, -16.421
Binary	00001100, 00110101, 01010100

#0c3554
```
#0c3554 rgb(12,53,84)
```
#542b0c
```
#542b0c rgb(84,43,12)
```

Complementary Color

#0c544f
```
#0c544f rgb(12,84,79)
```
#0c3554
```
#0c3554 rgb(12,53,84)
```
#0c1154
```
#0c1154 rgb(12,17,84)
```

Analogous Color

#544f0c
```
#544f0c rgb(84,79,12)
```
#0c3554
```
#0c3554 rgb(12,53,84)
```
#540c11
```
#540c11 rgb(84,12,17)
```

Split Complementary Color

#35540c
```
#35540c rgb(53,84,12)
```
#0c3554
```
#0c3554 rgb(12,53,84)
```
#540c35
```
#540c35 rgb(84,12,53)
```

Triadic Color

#0c542b
```
#0c542b rgb(12,84,43)
```
#0c3554
```
#0c3554 rgb(12,53,84)
```
#540c35
```
#540c35 rgb(84,12,53)
```
#542b0c
```
#542b0c rgb(84,43,12)
```

Tetradic Color

#020b11
```
#020b11 rgb(2,11,17)
```
#061927
```
#061927 rgb(6,25,39)
```
#09273e
```
#09273e rgb(9,39,62)
```
#0c3554
```
#0c3554 rgb(12,53,84)
```
#0f436a
```
#0f436a rgb(15,67,106)
```
#125181
```
#125181 rgb(18,81,129)
```
#165f97
```
#165f97 rgb(22,95,151)
```

Monochromatic Color

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

#0c4754
```
#0c4754 rgb(12,71,84)
```
#0c4154
```
#0c4154 rgb(12,65,84)
```
#0c3b54
```
#0c3b54 rgb(12,59,84)
```
#0c3554
```
#0c3554 rgb(12,53,84)
```
#0c2f54
```
#0c2f54 rgb(12,47,84)
```
#0c2954
```
#0c2954 rgb(12,41,84)
```
#0c2354
```
#0c2354 rgb(12,35,84)
```

Similar Colors

Text with hexadecimal color #0c3554

This text has a font color of #0c3554.

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

#0c3554 background color

This paragraph has a background color of #0c3554.

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

#0c3554 border color

This element has a border color of #0c3554.

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

CSS codes

.text {color:#0c3554;}

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

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

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)
```
#051521
```
#051521 rgb(5,21,33)
```
#071f32
```
#071f32 rgb(7,31,50)
```
#0a2a43
```
#0a2a43 rgb(10,42,67)
```
#0c3554
```
#0c3554 rgb(12,53,84)
```
#0e4065
```
#0e4065 rgb(14,64,101)
```
#114b76
```
#114b76 rgb(17,75,118)
```
#135587
```
#135587 rgb(19,85,135)
```
#166099
```
#166099 rgb(22,96,153)
```
#186baa
```
#186baa rgb(24,107,170)
```
#1b76bb
```
#1b76bb rgb(27,118,187)
```
#1d81cc
```
#1d81cc rgb(29,129,204)
```
#208cdd
```
#208cdd rgb(32,140,221)
```

Shade Color Variation

#2f95e1
```
#2f95e1 rgb(47,149,225)
```
#409de4
```
#409de4 rgb(64,157,228)
```
#52a6e6
```
#52a6e6 rgb(82,166,230)
```
#63afe9
```
#63afe9 rgb(99,175,233)
```
#74b8eb
```
#74b8eb rgb(116,184,235)
```
#85c1ee
```
#85c1ee rgb(133,193,238)
```
#96c9f0
```
#96c9f0 rgb(150,201,240)
```
#a7d2f2
```
#a7d2f2 rgb(167,210,242)
```
#b9dbf5
```
#b9dbf5 rgb(185,219,245)
```
#cae4f7
```
#cae4f7 rgb(202,228,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 #01375f 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)
```
#1b3345
```
#1b3345 rgb(27,51,69)
```
#173349
```
#173349 rgb(23,51,73)
```
#13344d
```
#13344d rgb(19,52,77)
```
#103450
```
#103450 rgb(16,52,80)
```
#0c3554
```
#0c3554 rgb(12,53,84)
```
#083658
```
#083658 rgb(8,54,88)
```
#05365b
```
#05365b rgb(5,54,91)
```
#01375f
```
#01375f rgb(1,55,95)
```

Tone Color Variation

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

#313c5a Protanopia 1% of men
#283d5d Deuteranopia 1% of men
#004347 Tritanopia 0.001% of the population

Trichromacy

#233958 Protanomaly 1% of men, 0.01% of women
#1e3a5a Deuteranomaly 6% of men, 0.4% of women
#043e4c Tritanomaly 0.01% of the population

#0c3554 hex color

#0c3554 Color Information

#0c3554 Color Conversion

Color Schemes with #0c3554

Alternatives to #0c3554

#0c3554 Preview

Shades and Tints of #0c3554

Tones of #0c3554

Color Blindness Simulator