#9E6AAC Information

#9E6AAC color RGB value is (158 , 106 , 172) , HEX triplet: 9e, 6a and ac. RGB value is (158 , 106 , 172). Sum of RGB (Red+Green+Blue) = 158+106+172=436 (Red value is 158 (61.96% from 255 or 73.49% from 215); Green value is 106 (41.57% from 255 or 49.3% 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 #9E6AAC hue: 0.8 , saturation: 0.28 and the lightness value of 9e6aac is 0.55.

#9e6aac
(158 , 106 , 172)
  • R (158)
  • G (106)
  • B (172)
  • C (5.49)
  • M (25.88)
  • Y (0)
  • K (32.55)

Applying the #9e6aac

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

#9965a7
#9460a2
#8f5b9d
#8a5698
#855193
#804c8e
#7b4789
#764284
#713d7f
#6c387a
#673375
#622e70
#aa76b8
#b682c4
#c28ed0
#ce9adc
#daa6e8
#e6b2f4
#f2beff
#fecaff
#ffd6ff
#ffe2ff
#ffeeff
#fffaff

Color spaces of #9e6aac

Type Values
RGB 158 106 172
HSL 0.8 0.28 0.55
HSV 287 38 67
CMYK 5.49 25.88 0 32.55
XYZ 26.701 20.5557 41.5901
Hunter Lab 45.3384 25.7812 -22.632
CIE-Lab 52.4598 32.3807 -27.0789

Base Numbers

BaseRedGreenBlue
Decimal 158 106 172
Binary 10011110 1101010 10101100
Octal 236 152 254
Hex 9E 6A AC

Monochromatic Colors

#b783c5
#d09cde
#e9b5f7
#ffceff
#ffe7ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#9e6aac Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#9E6AAC Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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