#8E6776 Information

#8E6776 color RGB value is (142 , 103 , 118) , HEX triplet: 8e, 67 and 76. RGB value is (142 , 103 , 118). Sum of RGB (Red+Green+Blue) = 142+103+118=363 (Red value is 142 (55.69% from 255 or 66.05% from 215); Green value is 103 (40.39% from 255 or 47.91% 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 #8E6776 hue: 0.94 , saturation: 0.16 and the lightness value of 8e6776 is 0.48.

#8e6776
(142 , 103 , 118)
  • R (142)
  • G (103)
  • B (118)
  • C (0)
  • M (15.29)
  • Y (9.41)
  • K (44.31)

Applying the #8e6776

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

#896271
#845d6c
#7f5867
#7a5362
#754e5d
#704958
#6b4453
#663f4e
#613a49
#5c3544
#57303f
#522b3a
#9a7382
#a67f8e
#b28b9a
#be97a6
#caa3b2
#d6afbe
#e2bbca
#eec7d6
#fad3e2
#ffdfee
#ffebfa
#fff7ff

Color spaces of #8e6776

Type Values
RGB 142 103 118
HSL 0.94 0.16 0.48
HSV 337 27 56
CMYK 0 15.29 9.41 44.31
XYZ 19.2756 16.7593 19.3585
Hunter Lab 40.9381 12.4047 0.6298
CIE-Lab 47.9553 18.0909 -2.1928

Base Numbers

BaseRedGreenBlue
Decimal 142 103 118
Binary 10001110 1100111 1110110
Octal 216 147 166
Hex 8E 67 76

Monochromatic Colors

#a7808f
#c099a8
#d9b2c1
#f2cbda
#ffe4f3
#fffdff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8e6776 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8E6776 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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