#8E57AC Information

#8E57AC color RGB value is (142 , 87 , 172) , HEX triplet: 8e, 57 and ac. RGB value is (142 , 87 , 172). Sum of RGB (Red+Green+Blue) = 142+87+172=401 (Red value is 142 (55.69% from 255 or 66.05% from 215); Green value is 87 (34.12% from 255 or 40.47% from 215); Blue value is 172 (67.45% from 255 or 80% from 215); Max value from RGB is 172 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #8E57AC hue: 0.77 , saturation: 0.34 and the lightness value of 8e57ac is 0.51.

#8e57ac
(142 , 87 , 172)
  • R (142)
  • G (87)
  • B (172)
  • C (11.76)
  • M (33.33)
  • Y (0)
  • K (32.55)

Applying the #8e57ac

You are awesome !

If you don't really have a dream, you can't really push yourself you don't really know what the target is.

Shades & Tints

#8952a7
#844da2
#7f489d
#7a4398
#753e93
#70398e
#6b3489
#662f84
#612a7f
#5c257a
#572075
#521b70
#9a63b8
#a66fc4
#b27bd0
#be87dc
#ca93e8
#d69ff4
#e2abff
#eeb7ff
#fac3ff
#ffcfff
#ffdbff
#ffe7ff

Color spaces of #8e57ac

Type Values
RGB 142 87 172
HSL 0.77 0.34 0.51
HSV 279 49 67
CMYK 11.76 33.33 0 32.55
XYZ 22.0099 15.5457 40.8703
Hunter Lab 39.4281 30.645 -33.837
CIE-Lab 46.3728 38.1931 -36.7318

Base Numbers

BaseRedGreenBlue
Decimal 142 87 172
Binary 10001110 1010111 10101100
Octal 216 127 254
Hex 8E 57 AC

Monochromatic Colors

#a770c5
#c089de
#d9a2f7
#f2bbff
#ffd4ff
#ffedff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8e57ac Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8E57AC Color CSS Codes

You are Awesome !!

Text Color Example

<p style="color:#8e57ac">Text here</p>
You are Awesome !!

Background Color Example

<p style="background:#8e57ac">Text here</p>
You are Awesome !!

Border Color Example

<p style="border:2px solid #8e57ac">You are Awesome</p>
You are Awesome !!

Box & Text Shadow Color Example

<p style="text-shadow: 1px 1px 1px #8e57ac;
box-shadow: 1px 1px 4px #8e57ac">You are Awesome</p>