#5c676c hex color

In a RGB color space, hex #5c676c is composed of 36.1% red, 40.4% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 14.8% cyan, 4.6% magenta, 0% yellow and 57.6% black. It has a hue angle of 198.8 degrees, a saturation of 8% and a lightness of 39.2%. #5c676c color hex could be obtained by blending #b8ced8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 36
- G 40
- B 42
RGB color chart
- C 15
- M 5
- Y 0
- K 58
CMYK color chart

● #5c676c color description : Very dark grayish blue.

The hexadecimal color #5c676c has RGB values of R:92, G:103, B:108 and CMYK values of C:0.15, M:0.05, Y:0, K:0.58. Its decimal value is 6055788.

Hex triplet	5c676c	`#5c676c`
RGB Decimal	92, 103, 108	`rgb(92,103,108)`
RGB Percent	36.1, 40.4, 42.4	`rgb(36.1%,40.4%,42.4%)`
CMYK	15, 5, 0, 58
HSL	198.8°, 8, 39.2	`hsl(198.8,8%,39.2%)`
HSV (or HSB)	198.8°, 14.8, 42.4
Web Safe	666666	`#666666`

CIE-LAB	42.851, -3.044, -4.24
XYZ	11.97, 13.058, 16.076
xyY	0.291, 0.318, 13.058
CIE-LCH	42.851, 5.22, 234.327
CIE-LUV	42.851, -6.05, -5.229
Hunter-Lab	36.136, -4.111, -1.082
Binary	01011100, 01100111, 01101100

#5c676c
```
#5c676c rgb(92,103,108)
```
#6c615c
```
#6c615c rgb(108,97,92)
```

Complementary Color

#5c6c69
```
#5c6c69 rgb(92,108,105)
```
#5c676c
```
#5c676c rgb(92,103,108)
```
#5c5f6c
```
#5c5f6c rgb(92,95,108)
```

Analogous Color

#6c695c
```
#6c695c rgb(108,105,92)
```
#5c676c
```
#5c676c rgb(92,103,108)
```
#6c5c5f
```
#6c5c5f rgb(108,92,95)
```

Split Complementary Color

#676c5c
```
#676c5c rgb(103,108,92)
```
#5c676c
```
#5c676c rgb(92,103,108)
```
#6c5c67
```
#6c5c67 rgb(108,92,103)
```

Triadic Color

#5c6c61
```
#5c6c61 rgb(92,108,97)
```
#5c676c
```
#5c676c rgb(92,103,108)
```
#6c5c67
```
#6c5c67 rgb(108,92,103)
```
#6c615c
```
#6c615c rgb(108,97,92)
```

Tetradic Color

#394043
```
#394043 rgb(57,64,67)
```
#454d50
```
#454d50 rgb(69,77,80)
```
#505a5e
```
#505a5e rgb(80,90,94)
```
#5c676c
```
#5c676c rgb(92,103,108)
```
#68747a
```
#68747a rgb(104,116,122)
```
#738188
```
#738188 rgb(115,129,136)
```
#818e94
```
#818e94 rgb(129,142,148)
```

Monochromatic Color

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

#5c6b6c
```
#5c6b6c rgb(92,107,108)
```
#5c6a6c
```
#5c6a6c rgb(92,106,108)
```
#5c686c
```
#5c686c rgb(92,104,108)
```
#5c676c
```
#5c676c rgb(92,103,108)
```
#5c666c
```
#5c666c rgb(92,102,108)
```
#5c646c
```
#5c646c rgb(92,100,108)
```
#5c636c
```
#5c636c rgb(92,99,108)
```

Similar Colors

Text with hexadecimal color #5c676c

This text has a font color of #5c676c.

<span style="color:#5c676c;">Text here</span>

#5c676c background color

This paragraph has a background color of #5c676c.

<p style="background-color:#5c676c;">Content here</p>

#5c676c border color

This element has a border color of #5c676c.

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

CSS codes

.text {color:#5c676c;}

.background {background-color:#5c676c;}

.border {border:1px solid #5c676c;}

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

#020202
```
#020202 rgb(2,2,2)
```
#0b0c0d
```
#0b0c0d rgb(11,12,13)
```
#141617
```
#141617 rgb(20,22,23)
```
#1d2022
```
#1d2022 rgb(29,32,34)
```
#262a2c
```
#262a2c rgb(38,42,44)
```
#2f3437
```
#2f3437 rgb(47,52,55)
```
#383f42
```
#383f42 rgb(56,63,66)
```
#41494c
```
#41494c rgb(65,73,76)
```
#4a5357
```
#4a5357 rgb(74,83,87)
```
#535d61
```
#535d61 rgb(83,93,97)
```
#5c676c
```
#5c676c rgb(92,103,108)
```
#657177
```
#657177 rgb(101,113,119)
```
#6e7b81
```
#6e7b81 rgb(110,123,129)
```

Shade Color Variation

#77858b
```
#77858b rgb(119,133,139)
```
#828f94
```
#828f94 rgb(130,143,148)
```
#8d989e
```
#8d989e rgb(141,152,158)
```
#97a2a7
```
#97a2a7 rgb(151,162,167)
```
#a2abb0
```
#a2abb0 rgb(162,171,176)
```
#acb5b9
```
#acb5b9 rgb(172,181,185)
```
#b7bec2
```
#b7bec2 rgb(183,190,194)
```
#c2c8cb
```
#c2c8cb rgb(194,200,203)
```
#ccd1d4
```
#ccd1d4 rgb(204,209,212)
```
#d7dbdd
```
#d7dbdd rgb(215,219,221)
```
#e1e4e6
```
#e1e4e6 rgb(225,228,230)
```
#eceeef
```
#eceeef rgb(236,238,239)
```
#f6f7f8
```
#f6f7f8 rgb(246,247,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646464 is the less saturated color, while #0787c1 is the most saturated one.

#646464
```
#646464 rgb(100,100,100)
```
#5c676c
```
#5c676c rgb(92,103,108)
```
#546a74
```
#546a74 rgb(84,106,116)
```
#4d6d7b
```
#4d6d7b rgb(77,109,123)
```
#457083
```
#457083 rgb(69,112,131)
```
#3d738b
```
#3d738b rgb(61,115,139)
```
#367592
```
#367592 rgb(54,117,146)
```
#2e789a
```
#2e789a rgb(46,120,154)
```
#267ba2
```
#267ba2 rgb(38,123,162)
```
#1e7eaa
```
#1e7eaa rgb(30,126,170)
```
#1781b1
```
#1781b1 rgb(23,129,177)
```
#0f84b9
```
#0f84b9 rgb(15,132,185)
```
#0787c1
```
#0787c1 rgb(7,135,193)
```

Tone Color Variation

Below, you can see how #5c676c 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

#646464 Achromatopsia 0.005% of the population
#626566 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6c72 Protanopia 1% of men
#736a75 Deuteranopia 1% of men
#656e76 Tritanopia 0.001% of the population

Trichromacy

#676a70 Protanomaly 1% of men, 0.01% of women
#6a6971 Deuteranomaly 6% of men, 0.4% of women
#616b72 Tritanomaly 0.01% of the population

#5c676c hex color

#5c676c Color Information

#5c676c Color Conversion

Color Schemes with #5c676c

Alternatives to #5c676c

#5c676c Preview

Shades and Tints of #5c676c

Tones of #5c676c

Color Blindness Simulator