#8F84DD Information

#8F84DD color RGB value is (143 , 132 , 221) , HEX triplet: 8f, 84 and dd. RGB value is (143 , 132 , 221). Sum of RGB (Red+Green+Blue) = 143+132+221=496 (Red value is 143 (56.08% from 255 or 66.51% from 215); Green value is 132 (51.76% from 255 or 61.4% from 215); Blue value is 221 (86.67% from 255 or 102.79% from 215); Max value from RGB is 221 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #8F84DD hue: 0.69 , saturation: 0.57 and the lightness value of 8f84dd is 0.69.

#8f84dd
(143 , 132 , 221)
  • R (143)
  • G (132)
  • B (221)
  • C (30.59)
  • M (34.9)
  • Y (0)
  • K (13.33)

Applying the #8f84dd

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

#8a7fd8
#857ad3
#8075ce
#7b70c9
#766bc4
#7166bf
#6c61ba
#675cb5
#6257b0
#5d52ab
#584da6
#5348a1
#9b90e9
#a79cf5
#b3a8ff
#bfb4ff
#cbc0ff
#d7ccff
#e3d8ff
#efe4ff
#fbf0ff
#fffcff
#ffffff

Color spaces of #8f84dd

Type Values
RGB 143 132 221
HSL 0.69 0.57 0.69
HSV 247 40 87
CMYK 30.59 34.9 0 13.33
XYZ 32.6301 27.5626 72.0069
Hunter Lab 52.5001 19.0671 -44.5404
CIE-Lab 59.4915 24.7092 -44.0903

Base Numbers

BaseRedGreenBlue
Decimal 143 132 221
Binary 10001111 10000100 11011101
Octal 217 204 335
Hex 8F 84 DD

Monochromatic Colors

#a89df6
#c1b6ff
#dacfff
#f3e8ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8f84dd Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8F84DD Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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