#557D74 Color Information


In the RGB color space, #557D74 is composed of 33.3333% red, 49.0196% green, and 45.4902% blue.

In the CMYK color space, #557D74 is composed of 32.01% cyan, 0% magenta, 7.2% yellow, and 50.98% black,

It has a hue angle of 166.5 degrees, a saturation of 19.05%, and a lightness of 41.17%.

The closest websafe color is #666666.

#557D74 RGB Values

#557D74 CMYK Values



#557D74 Color Conversion


The hexadecimal color #557D74 has RGB values of R:85, G:125, B:116 and CMYK values of C:32.01, M:0, Y:7.2, K:50.98. It has a decimal value of 5602676.


Hexadecimal #557D74 #557D74
RGB Decimal 85, 125, 116 rgb(85, 125, 116)
RGB Percent 33.3333, 49.0196, 45.4902 rgb(33.3333%, 49.0196%, 45.4902%)
RGB Proportion 0.3333, 0.4902, 0.4549 rgb(0.3333, 0.4902, 0.4549)
CMYK 32.01, 0, 7.2, 50.98
HSL 166.5ยบ, 19.05, 41.17 hsl(166.5, 19.05%, 41.17%)
Websafe 666666 #666666
XYZ 14.232, 17.859, 19.22
Yxy 17.859, 0.277, 0.348
CIE-LAB 49.325, -16.063, 0.437
CIE-LCH 49.325, 16.069, 178.442
CIE-LUV 49.325, -19.426, 3.022
Hunter-Lab 42.26, -13.841, 2.617

Color Schemes For #557D74


Colors that go well with #557D74.

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

Alternatives to #557D74


Colors similar to #557D74.


#557D74 Preview


Common HTML and CSS shortcodes for #557D74.

Text with color #557D74


The quick brown fox jumps over the lazy dog.

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

#557D74 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #557D74


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #557D74


Linear gradient from #557D74 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #557D74


Radial gradient from #557D74 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #557D74 and its Complementary Color


Linear gradient from #557D74 to #AA828B.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #557D74 and its Complementary Color


Radial gradient from #557D74 to #AA828B.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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 #FCFDFC.

Shades


Tints

Random Colors