#3c5c6f hex color

In a RGB color space, hex #3c5c6f is composed of 23.5% red, 36.1% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 45.9% cyan, 17.1% magenta, 0% yellow and 56.5% black. It has a hue angle of 202.4 degrees, a saturation of 29.8% and a lightness of 33.5%. #3c5c6f color hex could be obtained by blending #78b8de with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 24
- G 36
- B 44
RGB color chart
- C 46
- M 17
- Y 0
- K 56
CMYK color chart

● #3c5c6f color description : Very dark desaturated blue.

The hexadecimal color #3c5c6f has RGB values of R:60, G:92, B:111 and CMYK values of C:0.46, M:0.17, Y:0, K:0.56. Its decimal value is 3955823.

Hex triplet	3c5c6f	`#3c5c6f`
RGB Decimal	60, 92, 111	`rgb(60,92,111)`
RGB Percent	23.5, 36.1, 43.5	`rgb(23.5%,36.1%,43.5%)`
CMYK	46, 17, 0, 56
HSL	202.4°, 29.8, 33.5	`hsl(202.4,29.8%,33.5%)`
HSV (or HSB)	202.4°, 45.9, 43.5
Web Safe	336666	`#336666`

CIE-LAB	37.412, -6.112, -14.476
XYZ	8.559, 9.762, 16.471
xyY	0.246, 0.281, 9.762
CIE-LCH	37.412, 15.713, 247.111
CIE-LUV	37.412, -14.759, -18.728
Hunter-Lab	31.245, -5.779, -9.385
Binary	00111100, 01011100, 01101111

#3c5c6f
```
#3c5c6f rgb(60,92,111)
```
#6f4f3c
```
#6f4f3c rgb(111,79,60)
```

Complementary Color

#3c6f69
```
#3c6f69 rgb(60,111,105)
```
#3c5c6f
```
#3c5c6f rgb(60,92,111)
```
#3c436f
```
#3c436f rgb(60,67,111)
```

Analogous Color

#6f693c
```
#6f693c rgb(111,105,60)
```
#3c5c6f
```
#3c5c6f rgb(60,92,111)
```
#6f3c43
```
#6f3c43 rgb(111,60,67)
```

Split Complementary Color

#5c6f3c
```
#5c6f3c rgb(92,111,60)
```
#3c5c6f
```
#3c5c6f rgb(60,92,111)
```
#6f3c5c
```
#6f3c5c rgb(111,60,92)
```

Triadic Color

#3c6f4f
```
#3c6f4f rgb(60,111,79)
```
#3c5c6f
```
#3c5c6f rgb(60,92,111)
```
#6f3c5c
```
#6f3c5c rgb(111,60,92)
```
#6f4f3c
```
#6f4f3c rgb(111,79,60)
```

Tetradic Color

#21333d
```
#21333d rgb(33,51,61)
```
#2a414e
```
#2a414e rgb(42,65,78)
```
#334e5e
```
#334e5e rgb(51,78,94)
```
#3c5c6f
```
#3c5c6f rgb(60,92,111)
```
#456a80
```
#456a80 rgb(69,106,128)
```
#4e7790
```
#4e7790 rgb(78,119,144)
```
#5785a1
```
#5785a1 rgb(87,133,161)
```

Monochromatic Color

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

#3c696f
```
#3c696f rgb(60,105,111)
```
#3c656f
```
#3c656f rgb(60,101,111)
```
#3c606f
```
#3c606f rgb(60,96,111)
```
#3c5c6f
```
#3c5c6f rgb(60,92,111)
```
#3c586f
```
#3c586f rgb(60,88,111)
```
#3c546f
```
#3c546f rgb(60,84,111)
```
#3c4f6f
```
#3c4f6f rgb(60,79,111)
```

Similar Colors

Text with hexadecimal color #3c5c6f

This text has a font color of #3c5c6f.

<span style="color:#3c5c6f;">Text here</span>

#3c5c6f background color

This paragraph has a background color of #3c5c6f.

<p style="background-color:#3c5c6f;">Content here</p>

#3c5c6f border color

This element has a border color of #3c5c6f.

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

CSS codes

.text {color:#3c5c6f;}

.background {background-color:#3c5c6f;}

.border {border:1px solid #3c5c6f;}

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

#050809
```
#050809 rgb(5,8,9)
```
#0c1216
```
#0c1216 rgb(12,18,22)
```
#131d23
```
#131d23 rgb(19,29,35)
```
#1a272f
```
#1a272f rgb(26,39,47)
```
#20323c
```
#20323c rgb(32,50,60)
```
#273c49
```
#273c49 rgb(39,60,73)
```
#2e4756
```
#2e4756 rgb(46,71,86)
```
#355162
```
#355162 rgb(53,81,98)
```
#3c5c6f
```
#3c5c6f rgb(60,92,111)
```
#43677c
```
#43677c rgb(67,103,124)
```
#4a7188
```
#4a7188 rgb(74,113,136)
```
#517c95
```
#517c95 rgb(81,124,149)
```
#5886a2
```
#5886a2 rgb(88,134,162)
```

Shade Color Variation

#6390aa
```
#6390aa rgb(99,144,170)
```
#6f99b1
```
#6f99b1 rgb(111,153,177)
```
#7ca2b8
```
#7ca2b8 rgb(124,162,184)
```
#89abbf
```
#89abbf rgb(137,171,191)
```
#96b4c6
```
#96b4c6 rgb(150,180,198)
```
#a2bdcd
```
#a2bdcd rgb(162,189,205)
```
#afc6d4
```
#afc6d4 rgb(175,198,212)
```
#bccfdb
```
#bccfdb rgb(188,207,219)
```
#c8d8e2
```
#c8d8e2 rgb(200,216,226)
```
#d5e1e8
```
#d5e1e8 rgb(213,225,232)
```
#e2eaef
```
#e2eaef rgb(226,234,239)
```
#eff3f6
```
#eff3f6 rgb(239,243,246)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#50575b
```
#50575b rgb(80,87,91)
```
#495962
```
#495962 rgb(73,89,98)
```
#435a68
```
#435a68 rgb(67,90,104)
```
#3c5c6f
```
#3c5c6f rgb(60,92,111)
```
#355e76
```
#355e76 rgb(53,94,118)
```
#2f5f7c
```
#2f5f7c rgb(47,95,124)
```
#286183
```
#286183 rgb(40,97,131)
```
#226389
```
#226389 rgb(34,99,137)
```
#1b6490
```
#1b6490 rgb(27,100,144)
```
#156696
```
#156696 rgb(21,102,150)
```
#0e689d
```
#0e689d rgb(14,104,157)
```
#0769a4
```
#0769a4 rgb(7,105,164)
```
#016baa
```
#016baa rgb(1,107,170)
```

Tone Color Variation

Below, you can see how #3c5c6f 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

#555555 Achromatopsia 0.005% of the population
#50565a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5f73 Protanopia 1% of men
#5c5f78 Deuteranopia 1% of men
#42666d Tritanopia 0.001% of the population

Trichromacy

#505e71 Protanomaly 1% of men, 0.01% of women
#505d75 Deuteranomaly 6% of men, 0.4% of women
#40626e Tritanomaly 0.01% of the population

#3c5c6f hex color

#3c5c6f Color Information

#3c5c6f Color Conversion

Color Schemes with #3c5c6f

Alternatives to #3c5c6f

#3c5c6f Preview

Shades and Tints of #3c5c6f

Tones of #3c5c6f

Color Blindness Simulator