#3c5d6f hex color

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

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

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

The hexadecimal color #3c5d6f has RGB values of R:60, G:93, B:111 and CMYK values of C:0.46, M:0.16, Y:0, K:0.56. Its decimal value is 3956079.

Hex triplet	3c5d6f	`#3c5d6f`
RGB Decimal	60, 93, 111	`rgb(60,93,111)`
RGB Percent	23.5, 36.5, 43.5	`rgb(23.5%,36.5%,43.5%)`
CMYK	46, 16, 0, 56
HSL	201.2°, 29.8, 33.5	`hsl(201.2,29.8%,33.5%)`
HSV (or HSB)	201.2°, 45.9, 43.5
Web Safe	336666	`#336666`

CIE-LAB	37.728, -6.716, -13.994
XYZ	8.646, 9.937, 16.5
xyY	0.246, 0.283, 9.937
CIE-LCH	37.728, 15.522, 244.362
CIE-LUV	37.728, -15.165, -18.01
Hunter-Lab	31.522, -6.203, -8.97
Binary	00111100, 01011101, 01101111

#3c5d6f
```
#3c5d6f rgb(60,93,111)
```
#6f4e3c
```
#6f4e3c rgb(111,78,60)
```

Complementary Color

#3c6f68
```
#3c6f68 rgb(60,111,104)
```
#3c5d6f
```
#3c5d6f rgb(60,93,111)
```
#3c446f
```
#3c446f rgb(60,68,111)
```

Analogous Color

#6f683c
```
#6f683c rgb(111,104,60)
```
#3c5d6f
```
#3c5d6f rgb(60,93,111)
```
#6f3c44
```
#6f3c44 rgb(111,60,68)
```

Split Complementary Color

#5d6f3c
```
#5d6f3c rgb(93,111,60)
```
#3c5d6f
```
#3c5d6f rgb(60,93,111)
```
#6f3c5d
```
#6f3c5d rgb(111,60,93)
```

Triadic Color

#3c6f4e
```
#3c6f4e rgb(60,111,78)
```
#3c5d6f
```
#3c5d6f rgb(60,93,111)
```
#6f3c5d
```
#6f3c5d rgb(111,60,93)
```
#6f4e3c
```
#6f4e3c rgb(111,78,60)
```

Tetradic Color

#21333d
```
#21333d rgb(33,51,61)
```
#2a414e
```
#2a414e rgb(42,65,78)
```
#334f5e
```
#334f5e rgb(51,79,94)
```
#3c5d6f
```
#3c5d6f rgb(60,93,111)
```
#456b80
```
#456b80 rgb(69,107,128)
```
#4e7990
```
#4e7990 rgb(78,121,144)
```
#5787a1
```
#5787a1 rgb(87,135,161)
```

Monochromatic Color

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

#3c6a6f
```
#3c6a6f rgb(60,106,111)
```
#3c666f
```
#3c666f rgb(60,102,111)
```
#3c616f
```
#3c616f rgb(60,97,111)
```
#3c5d6f
```
#3c5d6f rgb(60,93,111)
```
#3c596f
```
#3c596f rgb(60,89,111)
```
#3c556f
```
#3c556f rgb(60,85,111)
```
#3c506f
```
#3c506f rgb(60,80,111)
```

Similar Colors

Text with hexadecimal color #3c5d6f

This text has a font color of #3c5d6f.

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

#3c5d6f background color

This paragraph has a background color of #3c5d6f.

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

#3c5d6f border color

This element has a border color of #3c5d6f.

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

CSS codes

.text {color:#3c5d6f;}

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

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

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)
```
#1a282f
```
#1a282f rgb(26,40,47)
```
#20323c
```
#20323c rgb(32,50,60)
```
#273d49
```
#273d49 rgb(39,61,73)
```
#2e4856
```
#2e4856 rgb(46,72,86)
```
#355262
```
#355262 rgb(53,82,98)
```
#3c5d6f
```
#3c5d6f rgb(60,93,111)
```
#43687c
```
#43687c rgb(67,104,124)
```
#4a7288
```
#4a7288 rgb(74,114,136)
```
#517d95
```
#517d95 rgb(81,125,149)
```
#5888a2
```
#5888a2 rgb(88,136,162)
```

Shade Color Variation

#6391aa
```
#6391aa rgb(99,145,170)
```
#6f9ab1
```
#6f9ab1 rgb(111,154,177)
```
#7ca3b8
```
#7ca3b8 rgb(124,163,184)
```
#89acbf
```
#89acbf rgb(137,172,191)
```
#96b5c6
```
#96b5c6 rgb(150,181,198)
```
#a2becd
```
#a2becd rgb(162,190,205)
```
#afc7d4
```
#afc7d4 rgb(175,199,212)
```
#bcd0db
```
#bcd0db rgb(188,208,219)
```
#c8d9e2
```
#c8d9e2 rgb(200,217,226)
```
#d5e2e8
```
#d5e2e8 rgb(213,226,232)
```
#e2ebef
```
#e2ebef rgb(226,235,239)
```
#eff4f6
```
#eff4f6 rgb(239,244,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 #016eaa is the most saturated one.

#50575b
```
#50575b rgb(80,87,91)
```
#495962
```
#495962 rgb(73,89,98)
```
#435b68
```
#435b68 rgb(67,91,104)
```
#3c5d6f
```
#3c5d6f rgb(60,93,111)
```
#355f76
```
#355f76 rgb(53,95,118)
```
#2f617c
```
#2f617c rgb(47,97,124)
```
#286383
```
#286383 rgb(40,99,131)
```
#226589
```
#226589 rgb(34,101,137)
```
#1b6790
```
#1b6790 rgb(27,103,144)
```
#156996
```
#156996 rgb(21,105,150)
```
#0e6b9d
```
#0e6b9d rgb(14,107,157)
```
#076ca4
```
#076ca4 rgb(7,108,164)
```
#016eaa
```
#016eaa rgb(1,110,170)
```

Tone Color Variation

Below, you can see how #3c5d6f 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
#50575a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6073 Protanopia 1% of men
#5d5f78 Deuteranopia 1% of men
#43666e Tritanopia 0.001% of the population

Trichromacy

#515f71 Protanomaly 1% of men, 0.01% of women
#515e75 Deuteranomaly 6% of men, 0.4% of women
#40636e Tritanomaly 0.01% of the population

#3c5d6f hex color

#3c5d6f Color Information

#3c5d6f Color Conversion

Color Schemes with #3c5d6f

Alternatives to #3c5d6f

#3c5d6f Preview

Shades and Tints of #3c5d6f

Tones of #3c5d6f

Color Blindness Simulator