#8E2EDA Information

#8E2EDA color RGB value is (142 , 46 , 218) , HEX triplet: 8e, 2e and da. RGB value is (142 , 46 , 218). Sum of RGB (Red+Green+Blue) = 142+46+218=406 (Red value is 142 (55.69% from 255 or 66.05% from 215); Green value is 46 (18.04% from 255 or 21.4% from 215); Blue value is 218 (85.49% from 255 or 101.4% from 215); Max value from RGB is 218 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #8E2EDA hue: 0.76 , saturation: 0.7 and the lightness value of 8e2eda is 0.52.

#8e2eda
(142 , 46 , 218)
  • R (142)
  • G (46)
  • B (218)
  • C (29.8)
  • M (67.45)
  • Y (0)
  • K (14.51)

Applying the #8e2eda

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

#8929d5
#8424d0
#7f1fcb
#7a1ac6
#7515c1
#7010bc
#6b0bb7
#6606b2
#6101ad
#5c00a8
#5700a3
#52009e
#9a3ae6
#a646f2
#b252fe
#be5eff
#ca6aff
#d676ff
#e282ff
#ee8eff
#fa9aff
#ffa6ff
#ffb2ff
#ffbeff

Color spaces of #8e2eda

Type Values
RGB 142 46 218
HSL 0.76 0.7 0.52
HSV 273 79 85
CMYK 29.8 67.45 0 14.51
XYZ 24.7872 12.7667 67.4875
Hunter Lab 35.7306 61.3016 -86.934
CIE-Lab 42.4096 67.682 -69.8173

Base Numbers

BaseRedGreenBlue
Decimal 142 46 218
Binary 10001110 101110 11011010
Octal 216 56 332
Hex 8E 2E DA

Monochromatic Colors

#a747f3
#c060ff
#d979ff
#f292ff
#ffabff
#ffc4ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8e2eda Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8E2EDA Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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