#501772 Information

#501772 color RGB value is (80 , 23 , 114) , HEX triplet: 50, 17 and 72. RGB value is (80 , 23 , 114). Sum of RGB (Red+Green+Blue) = 80+23+114=217 (Red value is 80 (31.37% from 255 or 37.21% from 215); Green value is 23 (9.02% from 255 or 10.7% from 215); Blue value is 114 (44.71% from 255 or 53.02% from 215); Max value from RGB is 114 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #501772 hue: 0.77 , saturation: 0.66 and the lightness value of 501772 is 0.27.

#501772
(80 , 23 , 114)
  • R (80)
  • G (23)
  • B (114)
  • C (13.33)
  • M (35.69)
  • Y (0)
  • K (55.29)

Applying the #501772

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

#4b126d
#460d68
#410863
#3c035e
#370059
#320054
#2d004f
#28004a
#230045
#1e0040
#19003b
#140036
#5c237e
#682f8a
#743b96
#8047a2
#8c53ae
#985fba
#a46bc6
#b077d2
#bc83de
#c88fea
#d49bf6
#e0a7ff

Color spaces of #501772

Type Values
RGB 80 23 114
HSL 0.77 0.66 0.27
HSV 278 80 45
CMYK 13.33 35.69 0 55.29
XYZ 6.6519 3.5332 16.251
Hunter Lab 18.7967 30.2746 -38.0836
CIE-Lab 22.0639 41.9818 -40.4615

Base Numbers

BaseRedGreenBlue
Decimal 80 23 114
Binary 1010000 10111 1110010
Octal 120 27 162
Hex 50 17 72

Monochromatic Colors

#69308b
#8249a4
#9b62bd
#b47bd6
#cd94ef
#e6adff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#501772 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#501772 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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