#8E5576 Information

#8E5576 color RGB value is (142 , 85 , 118) , HEX triplet: 8e, 55 and 76. RGB value is (142 , 85 , 118). Sum of RGB (Red+Green+Blue) = 142+85+118=345 (Red value is 142 (55.69% from 255 or 66.05% from 215); Green value is 85 (33.33% from 255 or 39.53% from 215); Blue value is 118 (46.27% from 255 or 54.88% from 215); Max value from RGB is 142 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #8E5576 hue: 0.9 , saturation: 0.25 and the lightness value of 8e5576 is 0.45.

#8e5576
(142 , 85 , 118)
  • R (142)
  • G (85)
  • B (118)
  • C (0)
  • M (22.35)
  • Y (9.41)
  • K (44.31)

Applying the #8e5576

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

#895071
#844b6c
#7f4667
#7a4162
#753c5d
#703758
#6b3253
#662d4e
#612849
#5c2344
#571e3f
#52193a
#9a6182
#a66d8e
#b2799a
#be85a6
#ca91b2
#d69dbe
#e2a9ca
#eeb5d6
#fac1e2
#ffcdee
#ffd9fa
#ffe5ff

Color spaces of #8e5576

Type Values
RGB 142 85 118
HSL 0.9 0.25 0.45
HSV 325 40 56
CMYK 0 22.35 9.41 44.31
XYZ 17.6738 13.5558 18.8246
Hunter Lab 36.8182 21.2537 -4.5307
CIE-Lab 43.589 28.5378 -8.6773

Base Numbers

BaseRedGreenBlue
Decimal 142 85 118
Binary 10001110 1010101 1110110
Octal 216 125 166
Hex 8E 55 76

Monochromatic Colors

#a76e8f
#c087a8
#d9a0c1
#f2b9da
#ffd2f3
#ffebff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8e5576 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8E5576 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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