#ea80fc

#ea80fc (Purple55) Color Informations

Color name Purple55, hex code #ea80fc, contains symbol # and 6 letters or numbers. These numbers are in hexadecimal numeral system. This page lists more detailed information about the hex color code #ea80fc. In a RGB color space, HEX #EA80FC is composed of 91.8% red, 50.2% green and 98.8% blue. In the CMYK color model (used in the printing process), the composition is 7% Cyan, 49% Magenta, 0% Yellow, and 1% key (black). In the HSL color space #ea80fc has a hue of 291° (degrees), 95% saturation and 75% lightness. Its decimal value is . A 20% lighter version of the original color is #d167e3 and #952ba7 is the 20% darker color.

Color spaces of #ea80fc Purple55

The hexadecimal triplet #ea80fc definition is: Red = 234, Green = 128, Blue = 252 or CMYK: Cyan = 0.071428571428572, Magenta = 0.49206349206349, Yellow = 0, Black = 0.011764705882353

Free Website Traffic!
RGB Decimal234, 128, 252
RGB Percentrgb(91.8%,50.2%,98.8%)
CMYK7, 49, 0, 1
HSV291°, 49°, 99°
HSL291°, 95°, 75°
Web Safe#ff99ff
XYZXYZ(74, 63, 102)
● #ea80fc color description: Purple55 - Shocking Pink. Enjoy $29 off on your first stay at travels. Claim your $29 Airbnb Credit by clicking here!!

Color Schemes with #ea80fc

In color theory, a color scheme is the choice of colors used in design. They are colors that are next to each other on the color wheel. Analogous colors tend to look pleasant together, because they are closely related. The triadic color harmony groups three colors that are evenly spaced from another and form a triangle on the color wheel. Split-complementary colors differ from the complementary color scheme. The scheme consists of three colors, the original color and two neighbours of the complement color.

Analogous Colors

Triadic Colors

Split Complementary Colors

Complementary Colors

Monochromatic Colors

Alternatives colours to #ea80fc

Below, you can see some colors close to hex color #ea80fc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ed83ff
#f086ff
#f389ff
#e77df9
#e47af6
#e177f3

Shades and Tints of #ea80fc

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. #7c128e is the darkest color, while #fff8ff is the lightest one.

Shade Color Variation

Tint Color Variation

Chuck Norris does not eat. Food understands that the only safe haven from Chuck Norris' fists is inside his own body.

#ea80fc Color Conversion & Charts

#ea80fc CMYK Color Chart
#ea80fc RGB Color Chart
#ea80fc HSV Color Chart
  • 0.91764705882353 R
  • 0.50196078431373 G
  • 0.98823529411765 B
  • 0.80913978494624 H
  • 0.95384615384615 S
  • 0.74509803921569 L
  • 0.80913978494624 H
  • 0.49206349206349 S
  • 0.98823529411765 V

#ea80fc Color Codes for HTML and CSS Preview

Hex Code #ea80fc Web Preview. Sample HTML/CSS paragraph codes using #ea80fc color.

Text with Hexadecimal Color #ea80fc
This text has a font color of #ea80fc
<span style="color:#ea80fc">Your text here..</span>
#ea80fc Border Color
This element has a border color of #ea80fc
<div style="border:1px solid #ea80fc;">Your content here..</div>
#ea80fc CSS3 Linear Gradient
<div style="background: -webkit-linear-gradient(left,#ea80fc,orange,yellow,green,blue,indigo,violet); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(left,#ea80fc,orange,yellow,green,blue,indigo,violet); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left,#ea80fc,orange,yellow,green,blue,indigo,violet); /* For Fx 3.6 to 15 */ background: linear-gradient(to right, #ea80fc,orange,yellow,green,blue,indigo,violet);">Your content here..</div>
#ea80fc Background Color
This paragraph has a background color of #ea80fc
<p style="background-color:#ea80fc;">Your content here..</p>
#ea80fc Text Shadow
This text has a shadow color of #ea80fc
<p style="text-shadow:2px 2px 1px #ea80fc">Your text here</p>
Text with glow color #ea80fc
This text has a glow color of #ea80fc
<span style="color:#000;text-shadow: 0 0 2px #ea80fc">Your text here..</span>
#ea80fc Box Shadow
This element has a box shadow of #ea80fc
<div style="-moz-box-shadow:1px 1px 3px 2px #ea80fc; -webkit-box-shadow:1px 1px 3px 2px #ea80fc; box-shadow:1px 1px 3px 2px #ea80fc;">Your content here..</div>
Text with Underline Color #ea80fc
This text has a underline color of #ea80fc
<span style="color:#000;border-bottom: 1px solid #ea80fc">Your text here..</span>
#ea80fc CSS3 Radial Gradient
<div style="background: -webkit-radial-gradient(#ea80fc, yellow, green); /* For Safari 5.1 to 6.0 */ background: -o-radial-gradient(#ea80fc, yellow, green); /* For Opera 11.6 to 12.0 */ background: -moz-radial-gradient(#ea80fc, yellow, green); /* For Fx 3.6 to 15 */ background: radial-gradient(#ea80fc, yellow, green);">Your content here..</div>
#ea80fc CSS Codes
.text {color:#ea80fc;}

.background {background-color:#ea80fc;}

.border {border:1px solid #ea80fc;}

A selection of SVG images/icons using the hex version #ea80fc of the current color.

If you break your neck, if you have nothing to eat, if your house is on fire, then you got a problem. Everything else is inconvenience.
Robert Fulghum

#ea80fc Related Gradients

Azure
Bulgarian Rose
Cerulean
Gold Fusion
Lumber
Medium Electric Blue
Old Lavender
Popstar
Sky Magenta
Urobilin
Very Light Tangelo
Vivid Orange Peel