#8E3B82 Information

#8E3B82 color RGB value is (142 , 59 , 130) , HEX triplet: 8e, 3b and 82. RGB value is (142 , 59 , 130). Sum of RGB (Red+Green+Blue) = 142+59+130=331 (Red value is 142 (55.69% from 255 or 66.05% from 215); Green value is 59 (23.14% from 255 or 27.44% from 215); Blue value is 130 (50.98% from 255 or 60.47% from 215); Max value from RGB is 142 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #8E3B82 hue: 0.86 , saturation: 0.41 and the lightness value of 8e3b82 is 0.39.

#8e3b82
(142 , 59 , 130)
  • R (142)
  • G (59)
  • B (130)
  • C (0)
  • M (32.55)
  • Y (4.71)
  • K (44.31)

Applying the #8e3b82

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

#89367d
#843178
#7f2c73
#7a276e
#752269
#701d64
#6b185f
#66135a
#610e55
#5c0950
#57044b
#520046
#9a478e
#a6539a
#b25fa6
#be6bb2
#ca77be
#d683ca
#e28fd6
#ee9be2
#faa7ee
#ffb3fa
#ffbfff
#ffcbff

Color spaces of #8e3b82

Type Values
RGB 142 59 130
HSL 0.86 0.41 0.39
HSV 309 58 56
CMYK 0 32.55 4.71 44.31
XYZ 16.7486 10.4904 22.2612
Hunter Lab 32.3889 35.6232 -18.0638
CIE-Lab 38.7086 44.5042 -23.4968

Base Numbers

BaseRedGreenBlue
Decimal 142 59 130
Binary 10001110 111011 10000010
Octal 216 73 202
Hex 8E 3B 82

Monochromatic Colors

#a7549b
#c06db4
#d986cd
#f29fe6
#ffb8ff
#ffd1ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8e3b82 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8E3B82 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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