#7F8080 Color Information


In the RGB color space, #7F8080 is composed of 49.8039% red, 50.1961% green, and 50.1961% blue.

In the CMYK color space, #7F8080 is composed of 0.8% cyan, 0% magenta, 0% yellow, and 49.8% black,

It has a hue angle of 180 degrees, a saturation of 0.4%, and a lightness of 50%.

The closest websafe color is #669999.

#7F8080 RGB Values

#7F8080 CMYK Values



#7F8080 Color Conversion


The hexadecimal color #7F8080 has RGB values of R:127, G:128, B:128 and CMYK values of C:0.8, M:0, Y:0, K:49.8. It has a decimal value of 8355968.


Hexadecimal #7F8080 #7F8080
RGB Decimal 127, 128, 128 rgb(127, 128, 128)
RGB Percent 49.8039, 50.1961, 50.1961 rgb(49.8039%, 50.1961%, 50.1961%)
RGB Proportion 0.498, 0.502, 0.502 rgb(0.498, 0.502, 0.502)
CMYK 0.8, 0, 0, 49.8
HSL 180ยบ, 0.4, 50 hsl(180, 0.4%, 50%)
Websafe 669999 #669999
XYZ 20.368, 21.511, 23.504
Yxy 21.511, 0.312, 0.329
CIE-LAB 53.504, -0.379, -0.14
CIE-LCH 53.504, 0.404, 200.274
CIE-LUV 53.504, -0.578, -0.133
Hunter-Lab 46.38, -2.776, 2.42

Color Schemes For #7F8080


Colors that go well with #7F8080.

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

Alternatives to #7F8080


Colors similar to #7F8080.


#7F8080 Preview


Common HTML and CSS shortcodes for #7F8080.

Text with color #7F8080


The quick brown fox jumps over the lazy dog.

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

#7F8080 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #7F8080


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #7F8080


Linear gradient from #7F8080 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #7F8080


Radial gradient from #7F8080 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #7F8080 and its Complementary Color


Linear gradient from #7F8080 to #807F7F.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#7F8080, #807F7F);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #7F8080 and its Complementary Color


Radial gradient from #7F8080 to #807F7F.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#7F8080, #807F7F);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors