#8E6D94 Information

#8E6D94 color RGB value is (142 , 109 , 148) , HEX triplet: 8e, 6d and 94. RGB value is (142 , 109 , 148). Sum of RGB (Red+Green+Blue) = 142+109+148=399 (Red value is 142 (55.69% from 255 or 66.05% from 215); Green value is 109 (42.75% from 255 or 50.7% from 215); Blue value is 148 (58.04% from 255 or 68.84% from 215); Max value from RGB is 148 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #8E6D94 hue: 0.81 , saturation: 0.15 and the lightness value of 8e6d94 is 0.5.

#8e6d94
(142 , 109 , 148)
  • R (142)
  • G (109)
  • B (148)
  • C (2.35)
  • M (15.29)
  • Y (0)
  • K (41.96)

Applying the #8e6d94

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

#89688f
#84638a
#7f5e85
#7a5980
#75547b
#704f76
#6b4a71
#66456c
#614067
#5c3b62
#57365d
#523158
#9a79a0
#a685ac
#b291b8
#be9dc4
#caa9d0
#d6b5dc
#e2c1e8
#eecdf4
#fad9ff
#ffe5ff
#fff1ff
#fffdff

Color spaces of #8e6d94

Type Values
RGB 142 109 148
HSL 0.81 0.15 0.5
HSV 291 26 58
CMYK 2.35 15.29 0 41.96
XYZ 21.9693 18.8262 30.4929
Hunter Lab 43.3891 14.4492 -11.2806
CIE-Lab 50.4832 20.2864 -16.2245

Base Numbers

BaseRedGreenBlue
Decimal 142 109 148
Binary 10001110 1101101 10010100
Octal 216 155 224
Hex 8E 6D 94

Monochromatic Colors

#a786ad
#c09fc6
#d9b8df
#f2d1f8
#ffeaff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8e6d94 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8E6D94 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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