Purple / #800080 Color Information


In the RGB color space, #800080 is composed of 50.1961% red, 0% green, and 50.1961% blue.

In the CMYK color space, #800080 is composed of 0% cyan, 100% magenta, 0% yellow, and 49.8% black,

It has a hue angle of 300 degrees, a saturation of 100%, and a lightness of 25.1%.

The closest websafe color is #990099.

#800080 has a CSS color name: Purple.

#800080 RGB Values

#800080 CMYK Values



Purple / #800080 Color Conversion


The hexadecimal color #800080 has RGB values of R:128, G:0, B:128 and CMYK values of C:0, M:100, Y:0, K:49.8. It has a decimal value of 8388736.


Hexadecimal #800080 #800080
RGB Decimal 128, 0, 128 rgb(128, 0, 128)
RGB Percent 50.1961, 0, 50.1961 rgb(50.1961%, 0%, 50.1961%)
RGB Proportion 0.502, 0.0, 0.502 rgb(0.502, 0.0, 0.502)
CMYK 0, 100, 0, 49.8
HSL 300ยบ, 100, 25.1 hsl(300, 100%, 25.1%)
Websafe 990099 #990099
XYZ 12.801, 6.149, 20.938
Yxy 6.149, 0.321, 0.154
CIE-LAB 29.785, 58.944, -36.499
CIE-LCH 29.785, 69.329, 328.234
CIE-LUV 29.785, 41.515, -53.679
Hunter-Lab 24.797, 48.752, -32.705

Color Schemes For Purple / #800080


Colors that go well with Purple / #800080.

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

Alternatives to Purple / #800080


Colors similar to Purple / #800080.


Purple / #800080 Preview


Common HTML and CSS shortcodes for Purple / #800080.

Text with color #800080


The quick brown fox jumps over the lazy dog.

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

#800080 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #800080


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #800080


Linear gradient from #800080 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #800080


Radial gradient from #800080 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #800080 and its Complementary Color


Linear gradient from #800080 to #7FFF7F.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #800080 and its Complementary Color


Radial gradient from #800080 to #7FFF7F.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #020002 while the lightest tint is #FDFAFD.

Shades


Tints

Random Colors