#9A5198 Information

#9A5198 color RGB value is (154 , 81 , 152) , HEX triplet: 9a, 51 and 98. RGB value is (154 , 81 , 152). Sum of RGB (Red+Green+Blue) = 154+81+152=387 (Red value is 154 (60.39% from 255 or 71.63% from 215); Green value is 81 (31.76% from 255 or 37.67% from 215); Blue value is 152 (59.61% from 255 or 70.7% from 215); Max value from RGB is 154 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #9A5198 hue: 0.84 , saturation: 0.31 and the lightness value of 9a5198 is 0.46.

#9a5198
(154 , 81 , 152)
  • R (154)
  • G (81)
  • B (152)
  • C (0)
  • M (28.63)
  • Y (0.78)
  • K (39.61)

Applying the #9a5198

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

#954c93
#90478e
#8b4289
#863d84
#81387f
#7c337a
#772e75
#722970
#6d246b
#681f66
#631a61
#5e155c
#a65da4
#b269b0
#be75bc
#ca81c8
#d68dd4
#e299e0
#eea5ec
#fab1f8
#ffbdff
#ffc9ff
#ffd5ff
#ffe1ff

Color spaces of #9a5198

Type Values
RGB 154 81 152
HSL 0.84 0.31 0.46
HSV 302 47 60
CMYK 0 28.63 0.78 39.61
XYZ 21.9364 15.0219 31.4491
Hunter Lab 38.7581 33.2012 -20.9614
CIE-Lab 45.6642 40.905 -25.8869

Base Numbers

BaseRedGreenBlue
Decimal 154 81 152
Binary 10011010 1010001 10011000
Octal 232 121 230
Hex 9A 51 98

Monochromatic Colors

#b36ab1
#cc83ca
#e59ce3
#feb5fc
#ffceff
#ffe7ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#9a5198 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#9A5198 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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