#8C17BA Information

#8C17BA color RGB value is (140 , 23 , 186) , HEX triplet: 8c, 17 and ba. RGB value is (140 , 23 , 186). Sum of RGB (Red+Green+Blue) = 140+23+186=349 (Red value is 140 (54.9% from 255 or 65.12% from 215); Green value is 23 (9.02% from 255 or 10.7% 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 #8C17BA hue: 0.79 , saturation: 0.78 and the lightness value of 8c17ba is 0.41.

#8c17ba
(140 , 23 , 186)
  • R (140)
  • G (23)
  • B (186)
  • C (18.04)
  • M (63.92)
  • Y (0)
  • K (27.06)

Applying the #8c17ba

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

#8712b5
#820db0
#7d08ab
#7803a6
#7300a1
#6e009c
#690097
#640092
#5f008d
#5a0088
#550083
#50007e
#9823c6
#a42fd2
#b03bde
#bc47ea
#c853f6
#d45fff
#e06bff
#ec77ff
#f883ff
#ff8fff
#ff9bff
#ffa7ff

Color spaces of #8c17ba

Type Values
RGB 140 23 186
HSL 0.79 0.78 0.41
HSV 283 88 73
CMYK 18.04 63.92 0 27.06
XYZ 19.9845 9.7334 47.2798
Hunter Lab 31.1984 59.7432 -67.9797
CIE-Lab 37.3597 67.32 -59.4503

Base Numbers

BaseRedGreenBlue
Decimal 140 23 186
Binary 10001100 10111 10111010
Octal 214 27 272
Hex 8C 17 BA

Monochromatic Colors

#a530d3
#be49ec
#d762ff
#f07bff
#ff94ff
#ffadff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8c17ba Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8C17BA Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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