#8E72C5 Information

#8E72C5 color RGB value is (142 , 114 , 197) , HEX triplet: 8e, 72 and c5. RGB value is (142 , 114 , 197). Sum of RGB (Red+Green+Blue) = 142+114+197=453 (Red value is 142 (55.69% from 255 or 66.05% from 215); Green value is 114 (44.71% from 255 or 53.02% from 215); Blue value is 197 (77.25% from 255 or 91.63% from 215); Max value from RGB is 197 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #8E72C5 hue: 0.72 , saturation: 0.42 and the lightness value of 8e72c5 is 0.61.

#8e72c5
(142 , 114 , 197)
  • R (142)
  • G (114)
  • B (197)
  • C (21.57)
  • M (32.55)
  • Y (0)
  • K (22.75)

Applying the #8e72c5

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

#896dc0
#8468bb
#7f63b6
#7a5eb1
#7559ac
#7054a7
#6b4fa2
#664a9d
#614598
#5c4093
#573b8e
#523689
#9a7ed1
#a68add
#b296e9
#bea2f5
#caaeff
#d6baff
#e2c6ff
#eed2ff
#fadeff
#ffeaff
#fff6ff
#ffffff

Color spaces of #8e72c5

Type Values
RGB 142 114 197
HSL 0.72 0.42 0.61
HSV 260 42 77
CMYK 21.57 32.55 0 22.75
XYZ 27.2507 21.8166 55.5981
Hunter Lab 46.7083 22.4017 -37.8534
CIE-Lab 53.8319 28.6985 -39.4565

Base Numbers

BaseRedGreenBlue
Decimal 142 114 197
Binary 10001110 1110010 11000101
Octal 216 162 305
Hex 8E 72 C5

Monochromatic Colors

#a78bde
#c0a4f7
#d9bdff
#f2d6ff
#ffefff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8e72c5 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8E72C5 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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