#5D5350 Color Information


In the RGB color space, #5D5350 is composed of 36.4706% red, 32.549% green, and 31.3725% blue.

In the CMYK color space, #5D5350 is composed of 0% cyan, 10.75% magenta, 13.98% yellow, and 63.53% black,

It has a hue angle of 13.9 degrees, a saturation of 7.52%, and a lightness of 33.92%.

The closest websafe color is #666666.

#5D5350 RGB Values

#5D5350 CMYK Values



#5D5350 Color Conversion


The hexadecimal color #5D5350 has RGB values of R:93, G:83, B:80 and CMYK values of C:0, M:10.75, Y:13.98, K:63.53. It has a decimal value of 6116176.


Hexadecimal #5D5350 #5D5350
RGB Decimal 93, 83, 80 rgb(93, 83, 80)
RGB Percent 36.4706, 32.549, 31.3725 rgb(36.4706%, 32.549%, 31.3725%)
RGB Proportion 0.3647, 0.3255, 0.3137 rgb(0.3647, 0.3255, 0.3137)
CMYK 0, 10.75, 13.98, 63.53
HSL 13.9ยบ, 7.52, 33.92 hsl(13.9, 7.52%, 33.92%)
Websafe 666666 #666666
XYZ 9.055, 9.093, 8.866
Yxy 9.093, 0.335, 0.337
CIE-LAB 36.163, 3.521, 3.249
CIE-LCH 36.163, 4.791, 42.699
CIE-LUV 36.163, 5.962, 3.445
Hunter-Lab 30.155, 0.83, 3.676

Color Schemes For #5D5350


Colors that go well with #5D5350.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to #5D5350


Colors similar to #5D5350.


#5D5350 Preview


Common HTML and CSS shortcodes for #5D5350.

Text with color #5D5350


The quick brown fox jumps over the lazy dog.

<div style="color: #5D5350;">The quick brown fox jumps over the lazy dog.</div>

#5D5350 as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #5D5350;">The quick brown fox jumps over the lazy dog.</div>

Border with #5D5350


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #5D5350;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #5D5350


Linear gradient from #5D5350 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#5D5350, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #5D5350


Radial gradient from #5D5350 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#5D5350, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #5D5350 and its Complementary Color


Linear gradient from #5D5350 to #A2ACAF.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#5D5350, #A2ACAF);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #5D5350 and its Complementary Color


Radial gradient from #5D5350 to #A2ACAF.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#5D5350, #A2ACAF);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #5D5350; } .background { background-color: #5D5350; } .border { border: 1px solid #5D5350; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #5D5350


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #020202 while the lightest tint is #FCFCFC.

Shades


Tints

Random Colors