#2C5D53 Color Information


In the RGB color space, #2C5D53 is composed of 17.2549% red, 36.4706% green, and 32.549% blue.

In the CMYK color space, #2C5D53 is composed of 52.7% cyan, 0% magenta, 10.75% yellow, and 63.53% black,

It has a hue angle of 167.8 degrees, a saturation of 35.78%, and a lightness of 26.86%.

The closest websafe color is #336666.

#2C5D53 RGB Values

#2C5D53 CMYK Values



#2C5D53 Color Conversion


The hexadecimal color #2C5D53 has RGB values of R:44, G:93, B:83 and CMYK values of C:52.7, M:0, Y:10.75, K:63.53. It has a decimal value of 2907475.


Hexadecimal #2C5D53 #2C5D53
RGB Decimal 44, 93, 83 rgb(44, 93, 83)
RGB Percent 17.2549, 36.4706, 32.549 rgb(17.2549%, 36.4706%, 32.549%)
RGB Proportion 0.1725, 0.3647, 0.3255 rgb(0.1725, 0.3647, 0.3255)
CMYK 52.7, 0, 10.75, 63.53
HSL 167.8ยบ, 35.78, 26.86 hsl(167.8, 35.78%, 26.86%)
Websafe 336666 #336666
XYZ 6.514, 8.988, 9.576
Yxy 8.988, 0.26, 0.358
CIE-LAB 35.961, -19.355, 0.647
CIE-LCH 35.961, 19.366, 178.085
CIE-LUV 35.961, -20.862, 3.425
Hunter-Lab 29.98, -13.681, 2.048

Color Schemes For #2C5D53


Colors that go well with #2C5D53.

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

Alternatives to #2C5D53


Colors similar to #2C5D53.


#2C5D53 Preview


Common HTML and CSS shortcodes for #2C5D53.

Text with color #2C5D53


The quick brown fox jumps over the lazy dog.

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

#2C5D53 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #2C5D53


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2C5D53


Linear gradient from #2C5D53 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2C5D53


Radial gradient from #2C5D53 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2C5D53 and its Complementary Color


Linear gradient from #2C5D53 to #D3A2AC.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2C5D53 and its Complementary Color


Radial gradient from #2C5D53 to #D3A2AC.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors