SlateGrey / #708090 Color Information


In the RGB color space, #708090 is composed of 43.9216% red, 50.1961% green, and 56.4706% blue.

In the CMYK color space, #708090 is composed of 22.22% cyan, 11.1% magenta, 0% yellow, and 43.53% black,

It has a hue angle of 210.0 degrees, a saturation of 12.6%, and a lightness of 50.2%.

The closest websafe color is #669999.

#708090 has a CSS color name: SlateGrey.

#708090 RGB Values

#708090 CMYK Values



SlateGrey / #708090 Color Conversion


The hexadecimal color #708090 has RGB values of R:112, G:128, B:144 and CMYK values of C:22.22, M:11.1, Y:0, K:43.53. It has a decimal value of 7372944.


Hexadecimal #708090 #708090
RGB Decimal 112, 128, 144 rgb(112, 128, 144)
RGB Percent 43.9216, 50.1961, 56.4706 rgb(43.9216%, 50.1961%, 56.4706%)
RGB Proportion 0.4392, 0.502, 0.5647 rgb(0.4392, 0.502, 0.5647)
CMYK 22.22, 11.1, 0, 43.53
HSL 210.0ยบ, 12.6, 50.2 hsl(210.0, 12.6%, 50.2%)
Websafe 669999 #669999
XYZ 19.436, 20.899, 29.394
Yxy 20.899, 0.279, 0.3
CIE-LAB 52.839, -2.146, -10.572
CIE-LCH 52.839, 10.788, 258.525
CIE-LUV 52.839, -9.081, -14.888
Hunter-Lab 45.715, -4.112, -6.121

Color Schemes For SlateGrey / #708090


Colors that go well with SlateGrey / #708090.

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

Alternatives to SlateGrey / #708090


Colors similar to SlateGrey / #708090.


SlateGrey / #708090 Preview


Common HTML and CSS shortcodes for SlateGrey / #708090.

Text with color #708090


The quick brown fox jumps over the lazy dog.

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

#708090 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #708090


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #708090


Linear gradient from #708090 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #708090


Radial gradient from #708090 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #708090 and its Complementary Color


Linear gradient from #708090 to #8F7F6F.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #708090 and its Complementary Color


Radial gradient from #708090 to #8F7F6F.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors