#8E6890 Information

#8E6890 color RGB value is (142 , 104 , 144) , HEX triplet: 8e, 68 and 90. RGB value is (142 , 104 , 144). Sum of RGB (Red+Green+Blue) = 142+104+144=390 (Red value is 142 (55.69% from 255 or 66.05% from 215); Green value is 104 (40.78% from 255 or 48.37% from 215); Blue value is 144 (56.47% from 255 or 66.98% from 215); Max value from RGB is 144 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #8E6890 hue: 0.83 , saturation: 0.16 and the lightness value of 8e6890 is 0.49.

#8e6890
(142 , 104 , 144)
  • R (142)
  • G (104)
  • B (144)
  • C (0.78)
  • M (15.69)
  • Y (0)
  • K (43.53)

Applying the #8e6890

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

#89638b
#845e86
#7f5981
#7a547c
#754f77
#704a72
#6b456d
#664068
#613b63
#5c365e
#573159
#522c54
#9a749c
#a680a8
#b28cb4
#be98c0
#caa4cc
#d6b0d8
#e2bce4
#eec8f0
#fad4fc
#ffe0ff
#ffecff
#fff8ff

Color spaces of #8e6890

Type Values
RGB 142 104 144
HSL 0.83 0.16 0.49
HSV 297 28 56
CMYK 0.78 15.69 0 43.53
XYZ 21.1397 17.665 28.6811
Hunter Lab 42.0298 16.228 -11.0243
CIE-Lab 49.0873 22.3914 -15.9866

Base Numbers

BaseRedGreenBlue
Decimal 142 104 144
Binary 10001110 1101000 10010000
Octal 216 150 220
Hex 8E 68 90

Monochromatic Colors

#a781a9
#c09ac2
#d9b3db
#f2ccf4
#ffe5ff
#fffeff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8e6890 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8E6890 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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