#9E72FD Information

#9E72FD color RGB value is (158 , 114 , 253) , HEX triplet: 9e, 72 and fd. RGB value is (158 , 114 , 253). Sum of RGB (Red+Green+Blue) = 158+114+253=525 (Red value is 158 (61.96% from 255 or 73.49% from 215); Green value is 114 (44.71% from 255 or 53.02% from 215); Blue value is 253 (99.22% from 255 or 117.67% from 215); Max value from RGB is 253 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #9E72FD hue: 0.72 , saturation: 0.97 and the lightness value of 9e72fd is 0.72.

#9e72fd
(158 , 114 , 253)
  • R (158)
  • G (114)
  • B (253)
  • C (37.25)
  • M (54.51)
  • Y (0)
  • K (0.78)

Applying the #9e72fd

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

#996df8
#9468f3
#8f63ee
#8a5ee9
#8559e4
#8054df
#7b4fda
#764ad5
#7145d0
#6c40cb
#673bc6
#6236c1
#aa7eff
#b68aff
#c296ff
#cea2ff
#daaeff
#e6baff
#f2c6ff
#fed2ff
#ffdeff
#ffeaff
#fff6ff
#ffffff

Color spaces of #9e72fd

Type Values
RGB 158 114 253
HSL 0.72 0.97 0.72
HSV 259 55 99
CMYK 37.25 54.51 0 0.78
XYZ 37.8475 26.3956 96.0286
Hunter Lab 51.3766 41.5862 -74.8158
CIE-Lab 58.4106 47.1135 -63.5035

Base Numbers

BaseRedGreenBlue
Decimal 158 114 253
Binary 10011110 1110010 11111101
Octal 236 162 375
Hex 9E 72 FD

Monochromatic Colors

#b78bff
#d0a4ff
#e9bdff
#ffd6ff
#ffefff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#9e72fd Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#9E72FD Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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