#8E4196 Information

#8E4196 color RGB value is (142 , 65 , 150) , HEX triplet: 8e, 41 and 96. RGB value is (142 , 65 , 150). Sum of RGB (Red+Green+Blue) = 142+65+150=357 (Red value is 142 (55.69% from 255 or 66.05% from 215); Green value is 65 (25.49% from 255 or 30.23% from 215); Blue value is 150 (58.82% from 255 or 69.77% from 215); Max value from RGB is 150 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #8E4196 hue: 0.82 , saturation: 0.4 and the lightness value of 8e4196 is 0.42.

#8e4196
(142 , 65 , 150)
  • R (142)
  • G (65)
  • B (150)
  • C (3.14)
  • M (33.33)
  • Y (0)
  • K (41.18)

Applying the #8e4196

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

#893c91
#84378c
#7f3287
#7a2d82
#75287d
#702378
#6b1e73
#66196e
#611469
#5c0f64
#570a5f
#52055a
#9a4da2
#a659ae
#b265ba
#be71c6
#ca7dd2
#d689de
#e295ea
#eea1f6
#faadff
#ffb9ff
#ffc5ff
#ffd1ff

Color spaces of #8e4196

Type Values
RGB 142 65 150
HSL 0.82 0.4 0.42
HSV 294 57 59
CMYK 3.14 33.33 0 41.18
XYZ 18.5506 11.7334 30.1412
Hunter Lab 34.254 36.7242 -28.1746
CIE-Lab 40.7892 45.2494 -32.4333

Base Numbers

BaseRedGreenBlue
Decimal 142 65 150
Binary 10001110 1000001 10010110
Octal 216 101 226
Hex 8E 41 96

Monochromatic Colors

#a75aaf
#c073c8
#d98ce1
#f2a5fa
#ffbeff
#ffd7ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8e4196 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8E4196 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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