#8F74BA Information

#8F74BA color RGB value is (143 , 116 , 186) , HEX triplet: 8f, 74 and ba. RGB value is (143 , 116 , 186). Sum of RGB (Red+Green+Blue) = 143+116+186=445 (Red value is 143 (56.08% from 255 or 66.51% from 215); Green value is 116 (45.49% from 255 or 53.95% 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 #8F74BA hue: 0.73 , saturation: 0.34 and the lightness value of 8f74ba is 0.59.

#8f74ba
(143 , 116 , 186)
  • R (143)
  • G (116)
  • B (186)
  • C (16.86)
  • M (27.45)
  • Y (0)
  • K (27.06)

Applying the #8f74ba

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

#8a6fb5
#856ab0
#8065ab
#7b60a6
#765ba1
#71569c
#6c5197
#674c92
#62478d
#5d4288
#583d83
#53387e
#9b80c6
#a78cd2
#b398de
#bfa4ea
#cbb0f6
#d7bcff
#e3c8ff
#efd4ff
#fbe0ff
#ffecff
#fff8ff
#ffffff

Color spaces of #8f74ba

Type Values
RGB 143 116 186
HSL 0.73 0.34 0.59
HSV 263 38 73
CMYK 16.86 27.45 0 27.06
XYZ 26.436 21.8756 49.2835
Hunter Lab 46.7714 19.0417 -29.7122
CIE-Lab 53.8948 25.1087 -33.0514

Base Numbers

BaseRedGreenBlue
Decimal 143 116 186
Binary 10001111 1110100 10111010
Octal 217 164 272
Hex 8F 74 BA

Monochromatic Colors

#a88dd3
#c1a6ec
#dabfff
#f3d8ff
#fff1ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8f74ba Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8F74BA Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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