#977BAB Information

#977BAB color RGB value is (151 , 123 , 171) , HEX triplet: 97, 7b and ab. RGB value is (151 , 123 , 171). Sum of RGB (Red+Green+Blue) = 151+123+171=445 (Red value is 151 (59.22% from 255 or 70.23% from 215); Green value is 123 (48.24% from 255 or 57.21% from 215); Blue value is 171 (67.06% from 255 or 79.53% from 215); Max value from RGB is 171 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #977BAB hue: 0.76 , saturation: 0.22 and the lightness value of 977bab is 0.58.

#977bab
(151 , 123 , 171)
  • R (151)
  • G (123)
  • B (171)
  • C (7.84)
  • M (18.82)
  • Y (0)
  • K (32.94)

Applying the #977bab

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

#9276a6
#8d71a1
#886c9c
#836797
#7e6292
#795d8d
#745888
#6f5383
#6a4e7e
#654979
#604474
#5b3f6f
#a387b7
#af93c3
#bb9fcf
#c7abdb
#d3b7e7
#dfc3f3
#ebcfff
#f7dbff
#ffe7ff
#fff3ff
#ffffff

Color spaces of #977bab

Type Values
RGB 151 123 171
HSL 0.76 0.22 0.58
HSV 275 28 67
CMYK 7.84 18.82 0 32.94
XYZ 27.1961 23.6855 41.6664
Hunter Lab 48.6678 14.5796 -16.6752
CIE-Lab 55.7715 20.1179 -21.4578

Base Numbers

BaseRedGreenBlue
Decimal 151 123 171
Binary 10010111 1111011 10101011
Octal 227 173 253
Hex 97 7B AB

Monochromatic Colors

#b094c4
#c9addd
#e2c6f6
#fbdfff
#fff8ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#977bab Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#977BAB Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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