#8971BA Information

#8971BA color RGB value is (137 , 113 , 186) , HEX triplet: 89, 71 and ba. RGB value is (137 , 113 , 186). Sum of RGB (Red+Green+Blue) = 137+113+186=436 (Red value is 137 (53.73% from 255 or 63.72% from 215); Green value is 113 (44.31% from 255 or 52.56% from 215); Blue value is 186 (72.94% from 255 or 86.51% from 215); Max value from RGB is 186 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #8971BA hue: 0.72 , saturation: 0.35 and the lightness value of 8971ba is 0.59.

#8971ba
(137 , 113 , 186)
  • R (137)
  • G (113)
  • B (186)
  • C (19.22)
  • M (28.63)
  • Y (0)
  • K (27.06)

Applying the #8971ba

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

#846cb5
#7f67b0
#7a62ab
#755da6
#7058a1
#6b539c
#664e97
#614992
#5c448d
#573f88
#523a83
#4d357e
#957dc6
#a189d2
#ad95de
#b9a1ea
#c5adf6
#d1b9ff
#ddc5ff
#e9d1ff
#f5ddff
#ffe9ff
#fff5ff
#ffffff

Color spaces of #8971ba

Type Values
RGB 137 113 186
HSL 0.72 0.35 0.59
HSV 260 39 73
CMYK 19.22 28.63 0 27.06
XYZ 25.0846 20.6738 49.1227
Hunter Lab 45.4684 18.9075 -32.2043
CIE-Lab 52.5906 25.0709 -35.1328

Base Numbers

BaseRedGreenBlue
Decimal 137 113 186
Binary 10001001 1110001 10111010
Octal 211 161 272
Hex 89 71 BA

Monochromatic Colors

#a28ad3
#bba3ec
#d4bcff
#edd5ff
#ffeeff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8971ba Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8971BA Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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