#8B71A7 Information

#8B71A7 color RGB value is (139 , 113 , 167) , HEX triplet: 8b, 71 and a7. RGB value is (139 , 113 , 167). Sum of RGB (Red+Green+Blue) = 139+113+167=419 (Red value is 139 (54.51% from 255 or 64.65% from 215); Green value is 113 (44.31% from 255 or 52.56% from 215); Blue value is 167 (65.49% from 255 or 77.67% from 215); Max value from RGB is 167 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #8B71A7 hue: 0.75 , saturation: 0.23 and the lightness value of 8b71a7 is 0.55.

#8b71a7
(139 , 113 , 167)
  • R (139)
  • G (113)
  • B (167)
  • C (10.98)
  • M (21.18)
  • Y (0)
  • K (34.51)

Applying the #8b71a7

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

#866ca2
#81679d
#7c6298
#775d93
#72588e
#6d5389
#684e84
#63497f
#5e447a
#593f75
#543a70
#4f356b
#977db3
#a389bf
#af95cb
#bba1d7
#c7ade3
#d3b9ef
#dfc5fb
#ebd1ff
#f7ddff
#ffe9ff
#fff5ff
#ffffff

Color spaces of #8b71a7

Type Values
RGB 139 113 167
HSL 0.75 0.23 0.55
HSV 269 32 65
CMYK 10.98 21.18 0 34.51
XYZ 23.5276 20.0892 39.1968
Hunter Lab 44.821 15.2624 -20.457
CIE-Lab 51.938 21.1064 -25.14

Base Numbers

BaseRedGreenBlue
Decimal 139 113 167
Binary 10001011 1110001 10100111
Octal 213 161 247
Hex 8B 71 A7

Monochromatic Colors

#a48ac0
#bda3d9
#d6bcf2
#efd5ff
#ffeeff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8b71a7 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8B71A7 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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