#0c3654 hex color

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

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

● #0c3654 color description : Very dark blue.

The hexadecimal color #0c3654 has RGB values of R:12, G:54, B:84 and CMYK values of C:0.86, M:0.36, Y:0, K:0.67. Its decimal value is 800340.

Hex triplet	0c3654	`#0c3654`
RGB Decimal	12, 54, 84	`rgb(12,54,84)`
RGB Percent	4.7, 21.2, 32.9	`rgb(4.7%,21.2%,32.9%)`
CMYK	86, 36, 0, 67
HSL	205°, 75, 18.8	`hsl(205,75%,18.8%)`
HSV (or HSB)	205°, 85.7, 32.9
Web Safe	003366	`#003366`

CIE-LAB	21.418, -2.039, -22.196
XYZ	3.071, 3.356, 8.873
xyY	0.201, 0.219, 3.356
CIE-LCH	21.418, 22.289, 264.752
CIE-LUV	21.418, -12.355, -25.313
Hunter-Lab	18.32, -2.142, -15.892
Binary	00001100, 00110110, 01010100

#0c3654
```
#0c3654 rgb(12,54,84)
```
#542a0c
```
#542a0c rgb(84,42,12)
```

Complementary Color

#0c544e
```
#0c544e rgb(12,84,78)
```
#0c3654
```
#0c3654 rgb(12,54,84)
```
#0c1254
```
#0c1254 rgb(12,18,84)
```

Analogous Color

#544e0c
```
#544e0c rgb(84,78,12)
```
#0c3654
```
#0c3654 rgb(12,54,84)
```
#540c12
```
#540c12 rgb(84,12,18)
```

Split Complementary Color

#36540c
```
#36540c rgb(54,84,12)
```
#0c3654
```
#0c3654 rgb(12,54,84)
```
#540c36
```
#540c36 rgb(84,12,54)
```

Triadic Color

#0c542a
```
#0c542a rgb(12,84,42)
```
#0c3654
```
#0c3654 rgb(12,54,84)
```
#540c36
```
#540c36 rgb(84,12,54)
```
#542a0c
```
#542a0c rgb(84,42,12)
```

Tetradic Color

#020b11
```
#020b11 rgb(2,11,17)
```
#061927
```
#061927 rgb(6,25,39)
```
#09283e
```
#09283e rgb(9,40,62)
```
#0c3654
```
#0c3654 rgb(12,54,84)
```
#0f446a
```
#0f446a rgb(15,68,106)
```
#125381
```
#125381 rgb(18,83,129)
```
#166197
```
#166197 rgb(22,97,151)
```

Monochromatic Color

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

#0c4854
```
#0c4854 rgb(12,72,84)
```
#0c4254
```
#0c4254 rgb(12,66,84)
```
#0c3c54
```
#0c3c54 rgb(12,60,84)
```
#0c3654
```
#0c3654 rgb(12,54,84)
```
#0c3054
```
#0c3054 rgb(12,48,84)
```
#0c2a54
```
#0c2a54 rgb(12,42,84)
```
#0c2454
```
#0c2454 rgb(12,36,84)
```

Similar Colors

Text with hexadecimal color #0c3654

This text has a font color of #0c3654.

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

#0c3654 background color

This paragraph has a background color of #0c3654.

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

#0c3654 border color

This element has a border color of #0c3654.

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

CSS codes

.text {color:#0c3654;}

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

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

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)
```
#072032
```
#072032 rgb(7,32,50)
```
#0a2b43
```
#0a2b43 rgb(10,43,67)
```
#0c3654
```
#0c3654 rgb(12,54,84)
```
#0e4165
```
#0e4165 rgb(14,65,101)
```
#114c76
```
#114c76 rgb(17,76,118)
```
#135787
```
#135787 rgb(19,87,135)
```
#166299
```
#166299 rgb(22,98,153)
```
#186daa
```
#186daa rgb(24,109,170)
```
#1b78bb
```
#1b78bb rgb(27,120,187)
```
#1d83cc
```
#1d83cc rgb(29,131,204)
```
#208edd
```
#208edd rgb(32,142,221)
```

Shade Color Variation

#2f97e1
```
#2f97e1 rgb(47,151,225)
```
#40a0e4
```
#40a0e4 rgb(64,160,228)
```
#52a8e6
```
#52a8e6 rgb(82,168,230)
```
#63b1e9
```
#63b1e9 rgb(99,177,233)
```
#74b9eb
```
#74b9eb rgb(116,185,235)
```
#85c2ee
```
#85c2ee rgb(133,194,238)
```
#96cbf0
```
#96cbf0 rgb(150,203,240)
```
#a7d3f2
```
#a7d3f2 rgb(167,211,242)
```
#b9dcf5
```
#b9dcf5 rgb(185,220,245)
```
#cae4f7
```
#cae4f7 rgb(202,228,247)
```
#dbedfa
```
#dbedfa rgb(219,237,250)
```
#ecf6fc
```
#ecf6fc rgb(236,246,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 #01385f is the most saturated one.

#2d3033
```
#2d3033 rgb(45,48,51)
```
#2a3136
```
#2a3136 rgb(42,49,54)
```
#26323a
```
#26323a rgb(38,50,58)
```
#22323e
```
#22323e rgb(34,50,62)
```
#1e3342
```
#1e3342 rgb(30,51,66)
```
#1b3445
```
#1b3445 rgb(27,52,69)
```
#173449
```
#173449 rgb(23,52,73)
```
#13354d
```
#13354d rgb(19,53,77)
```
#103550
```
#103550 rgb(16,53,80)
```
#0c3654
```
#0c3654 rgb(12,54,84)
```
#083758
```
#083758 rgb(8,55,88)
```
#05375b
```
#05375b rgb(5,55,91)
```
#01385f
```
#01385f rgb(1,56,95)
```

Tone Color Variation

Below, you can see how #0c3654 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
#262f35 Atypical Achromatopsia 0.001% of the population

Dichromacy

#323d5a Protanopia 1% of men
#2a3e5d Deuteranopia 1% of men
#004448 Tritanopia 0.001% of the population

Trichromacy

#243a58 Protanomaly 1% of men, 0.01% of women
#1f3b5a Deuteranomaly 6% of men, 0.4% of women
#043e4c Tritanomaly 0.01% of the population

#0c3654 hex color

#0c3654 Color Information

#0c3654 Color Conversion

Color Schemes with #0c3654

Alternatives to #0c3654

#0c3654 Preview

Shades and Tints of #0c3654

Tones of #0c3654

Color Blindness Simulator