#9E74AC Information

#9E74AC color RGB value is (158 , 116 , 172) , HEX triplet: 9e, 74 and ac. RGB value is (158 , 116 , 172). Sum of RGB (Red+Green+Blue) = 158+116+172=446 (Red value is 158 (61.96% from 255 or 73.49% from 215); Green value is 116 (45.49% from 255 or 53.95% 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 #9E74AC hue: 0.79 , saturation: 0.25 and the lightness value of 9e74ac is 0.56.

#9e74ac
(158 , 116 , 172)
  • R (158)
  • G (116)
  • B (172)
  • C (5.49)
  • M (21.96)
  • Y (0)
  • K (32.55)

Applying the #9e74ac

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

#996fa7
#946aa2
#8f659d
#8a6098
#855b93
#80568e
#7b5189
#764c84
#71477f
#6c427a
#673d75
#623870
#aa80b8
#b68cc4
#c298d0
#cea4dc
#dab0e8
#e6bcf4
#f2c8ff
#fed4ff
#ffe0ff
#ffecff
#fff8ff
#ffffff

Color spaces of #9e74ac

Type Values
RGB 158 116 172
HSL 0.79 0.25 0.56
HSV 285 33 67
CMYK 5.49 21.96 0 32.55
XYZ 27.7923 22.7384 41.9539
Hunter Lab 47.6848 20.5875 -18.7664
CIE-Lab 54.8019 26.6876 -23.4627

Base Numbers

BaseRedGreenBlue
Decimal 158 116 172
Binary 10011110 1110100 10101100
Octal 236 164 254
Hex 9E 74 AC

Monochromatic Colors

#b78dc5
#d0a6de
#e9bff7
#ffd8ff
#fff1ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#9e74ac Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#9E74AC Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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