#2C5D62 Color Information


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

In the CMYK color space, #2C5D62 is composed of 55.11% cyan, 5.1% magenta, 0% yellow, and 61.57% black,

It has a hue angle of 185.6 degrees, a saturation of 38.04%, and a lightness of 27.84%.

The closest websafe color is #336666.

#2C5D62 RGB Values

#2C5D62 CMYK Values



#2C5D62 Color Conversion


The hexadecimal color #2C5D62 has RGB values of R:44, G:93, B:98 and CMYK values of C:55.11, M:5.1, Y:0, K:61.57. It has a decimal value of 2907490.


Hexadecimal #2C5D62 #2C5D62
RGB Decimal 44, 93, 98 rgb(44, 93, 98)
RGB Percent 17.2549, 36.4706, 38.4314 rgb(17.2549%, 36.4706%, 38.4314%)
RGB Proportion 0.1725, 0.3647, 0.3843 rgb(0.1725, 0.3647, 0.3843)
CMYK 55.11, 5.1, 0, 61.57
HSL 185.6ยบ, 38.04, 27.84 hsl(185.6, 38.04%, 27.84%)
Websafe 336666 #336666
XYZ 7.157, 9.245, 12.962
Yxy 9.245, 0.244, 0.315
CIE-LAB 36.452, -14.947, -7.952
CIE-LCH 36.452, 16.931, 208.014
CIE-LUV 36.452, -20.309, -8.479
Hunter-Lab 30.406, -11.194, -3.992

Color Schemes For #2C5D62


Colors that go well with #2C5D62.

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

Alternatives to #2C5D62


Colors similar to #2C5D62.


#2C5D62 Preview


Common HTML and CSS shortcodes for #2C5D62.

Text with color #2C5D62


The quick brown fox jumps over the lazy dog.

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

#2C5D62 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #2C5D62


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2C5D62


Linear gradient from #2C5D62 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2C5D62


Radial gradient from #2C5D62 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2C5D62 and its Complementary Color


Linear gradient from #2C5D62 to #D3A29D.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2C5D62 and its Complementary Color


Radial gradient from #2C5D62 to #D3A29D.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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