#8372A4 Information

#8372A4 color RGB value is (131 , 114 , 164) , HEX triplet: 83, 72 and a4. RGB value is (131 , 114 , 164). Sum of RGB (Red+Green+Blue) = 131+114+164=409 (Red value is 131 (51.37% from 255 or 60.93% from 215); Green value is 114 (44.71% from 255 or 53.02% from 215); Blue value is 164 (64.31% from 255 or 76.28% from 215); Max value from RGB is 164 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #8372A4 hue: 0.72 , saturation: 0.22 and the lightness value of 8372a4 is 0.55.

#8372a4
(131 , 114 , 164)
  • R (131)
  • G (114)
  • B (164)
  • C (12.94)
  • M (19.61)
  • Y (0)
  • K (35.69)

Applying the #8372a4

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

#7e6d9f
#79689a
#746395
#6f5e90
#6a598b
#655486
#604f81
#5b4a7c
#564577
#514072
#4c3b6d
#473668
#8f7eb0
#9b8abc
#a796c8
#b3a2d4
#bfaee0
#cbbaec
#d7c6f8
#e3d2ff
#efdeff
#fbeaff
#fff6ff
#ffffff

Color spaces of #8372a4

Type Values
RGB 131 114 164
HSL 0.72 0.22 0.55
HSV 260 30 64
CMYK 12.94 19.61 0 35.69
XYZ 22.0782 19.5403 37.73
Hunter Lab 44.2044 11.7958 -19.6451
CIE-Lab 51.3134 17.2146 -24.4195

Base Numbers

BaseRedGreenBlue
Decimal 131 114 164
Binary 10000011 1110010 10100100
Octal 203 162 244
Hex 83 72 A4

Monochromatic Colors

#9c8bbd
#b5a4d6
#cebdef
#e7d6ff
#ffefff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8372a4 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8372A4 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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