#4B5E60 Color Information


In the RGB color space, #4B5E60 is composed of 29.4118% red, 36.8627% green, and 37.6471% blue.

In the CMYK color space, #4B5E60 is composed of 21.89% cyan, 2.1% magenta, 0% yellow, and 62.35% black,

It has a hue angle of 185.8 degrees, a saturation of 12.29%, and a lightness of 33.53%.

The closest websafe color is #336666.

#4B5E60 RGB Values

#4B5E60 CMYK Values



#4B5E60 Color Conversion


The hexadecimal color #4B5E60 has RGB values of R:75, G:94, B:96 and CMYK values of C:21.89, M:2.1, Y:0, K:62.35. It has a decimal value of 4939360.


Hexadecimal #4B5E60 #4B5E60
RGB Decimal 75, 94, 96 rgb(75, 94, 96)
RGB Percent 29.4118, 36.8627, 37.6471 rgb(29.4118%, 36.8627%, 37.6471%)
RGB Proportion 0.2941, 0.3686, 0.3765 rgb(0.2941, 0.3686, 0.3765)
CMYK 21.89, 2.1, 0, 62.35
HSL 185.8ยบ, 12.29, 33.53 hsl(185.8, 12.29%, 33.53%)
Websafe 336666 #336666
XYZ 9.015, 10.345, 12.59
Yxy 10.345, 0.282, 0.324
CIE-LAB 38.455, -6.695, -3.549
CIE-LCH 38.455, 7.577, 207.928
CIE-LUV 38.455, -9.643, -3.664
Hunter-Lab 32.164, -6.255, -0.694

Color Schemes For #4B5E60


Colors that go well with #4B5E60.

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

Alternatives to #4B5E60


Colors similar to #4B5E60.


#4B5E60 Preview


Common HTML and CSS shortcodes for #4B5E60.

Text with color #4B5E60


The quick brown fox jumps over the lazy dog.

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

#4B5E60 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #4B5E60


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #4B5E60


Linear gradient from #4B5E60 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #4B5E60


Radial gradient from #4B5E60 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #4B5E60 and its Complementary Color


Linear gradient from #4B5E60 to #B4A19F.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #4B5E60 and its Complementary Color


Radial gradient from #4B5E60 to #B4A19F.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

.text { color: #4B5E60; } .background { background-color: #4B5E60; } .border { border: 1px solid #4B5E60; } .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 #4B5E60


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