#2C5D71 Color Information


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

In the CMYK color space, #2C5D71 is composed of 61.07% cyan, 17.69% magenta, 0% yellow, and 55.69% black,

It has a hue angle of 197.4 degrees, a saturation of 43.96%, and a lightness of 30.78%.

The closest websafe color is #336666.

#2C5D71 RGB Values

#2C5D71 CMYK Values



#2C5D71 Color Conversion


The hexadecimal color #2C5D71 has RGB values of R:44, G:93, B:113 and CMYK values of C:61.07, M:17.69, Y:0, K:55.69. It has a decimal value of 2907505.


Hexadecimal #2C5D71 #2C5D71
RGB Decimal 44, 93, 113 rgb(44, 93, 113)
RGB Percent 17.2549, 36.4706, 44.3137 rgb(17.2549%, 36.4706%, 44.3137%)
RGB Proportion 0.1725, 0.3647, 0.4431 rgb(0.1725, 0.3647, 0.4431)
CMYK 61.07, 17.69, 0, 55.69
HSL 197.4ยบ, 43.96, 30.78 hsl(197.4, 43.96%, 30.78%)
Websafe 336666 #336666
XYZ 7.932, 9.556, 17.046
Yxy 9.556, 0.23, 0.277
CIE-LAB 37.033, -10.093, -16.354
CIE-LCH 37.033, 19.218, 238.319
CIE-LUV 37.033, -19.781, -20.912
Hunter-Lab 30.913, -8.296, -11.055

Color Schemes For #2C5D71


Colors that go well with #2C5D71.

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

Alternatives to #2C5D71


Colors similar to #2C5D71.


#2C5D71 Preview


Common HTML and CSS shortcodes for #2C5D71.

Text with color #2C5D71


The quick brown fox jumps over the lazy dog.

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

#2C5D71 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #2C5D71


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2C5D71


Linear gradient from #2C5D71 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2C5D71


Radial gradient from #2C5D71 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2C5D71 and its Complementary Color


Linear gradient from #2C5D71 to #D3A28E.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2C5D71 and its Complementary Color


Radial gradient from #2C5D71 to #D3A28E.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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