#8F6D84 Information

#8F6D84 color RGB value is (143 , 109 , 132) , HEX triplet: 8f, 6d and 84. RGB value is (143 , 109 , 132). Sum of RGB (Red+Green+Blue) = 143+109+132=384 (Red value is 143 (56.08% from 255 or 66.51% from 215); Green value is 109 (42.75% from 255 or 50.7% from 215); Blue value is 132 (51.76% from 255 or 61.4% from 215); Max value from RGB is 143 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #8F6D84 hue: 0.89 , saturation: 0.13 and the lightness value of 8f6d84 is 0.49.

#8f6d84
(143 , 109 , 132)
  • R (143)
  • G (109)
  • B (132)
  • C (0)
  • M (13.33)
  • Y (4.31)
  • K (43.92)

Applying the #8f6d84

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

#8a687f
#85637a
#805e75
#7b5970
#76546b
#714f66
#6c4a61
#67455c
#624057
#5d3b52
#58364d
#533148
#9b7990
#a7859c
#b391a8
#bf9db4
#cba9c0
#d7b5cc
#e3c1d8
#efcde4
#fbd9f0
#ffe5fc
#fff1ff
#fffdff

Color spaces of #8f6d84

Type Values
RGB 143 109 132
HSL 0.89 0.13 0.49
HSV 319 24 56
CMYK 0 13.33 4.31 43.92
XYZ 20.9612 18.4429 24.2848
Hunter Lab 42.9452 11.9706 -3.4544
CIE-Lab 50.0289 17.4777 -7.4462

Base Numbers

BaseRedGreenBlue
Decimal 143 109 132
Binary 10001111 1101101 10000100
Octal 217 155 204
Hex 8F 6D 84

Monochromatic Colors

#a8869d
#c19fb6
#dab8cf
#f3d1e8
#ffeaff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8f6d84 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8F6D84 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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