#50316F Information

#50316F color RGB value is (80 , 49 , 111) , HEX triplet: 50, 31 and 6f. RGB value is (80 , 49 , 111). Sum of RGB (Red+Green+Blue) = 80+49+111=240 (Red value is 80 (31.37% from 255 or 37.21% from 215); Green value is 49 (19.22% from 255 or 22.79% from 215); Blue value is 111 (43.53% from 255 or 51.63% from 215); Max value from RGB is 111 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #50316F hue: 0.75 , saturation: 0.39 and the lightness value of 50316f is 0.31.

#50316f
(80 , 49 , 111)
  • R (80)
  • G (49)
  • B (111)
  • C (12.16)
  • M (24.31)
  • Y (0)
  • K (56.47)

Applying the #50316f

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

#4b2c6a
#462765
#412260
#3c1d5b
#371856
#321351
#2d0e4c
#280947
#230442
#1e003d
#190038
#140033
#5c3d7b
#684987
#745593
#80619f
#8c6dab
#9879b7
#a485c3
#b091cf
#bc9ddb
#c8a9e7
#d4b5f3
#e0c1ff

Color spaces of #50316f

Type Values
RGB 80 49 111
HSL 0.75 0.39 0.31
HSV 270 56 44
CMYK 12.16 24.31 0 56.47
XYZ 7.2758 5.0498 15.6302
Hunter Lab 22.4718 18.4686 -25.4939
CIE-Lab 26.8762 27.4895 -30.7959

Base Numbers

BaseRedGreenBlue
Decimal 80 49 111
Binary 1010000 110001 1101111
Octal 120 61 157
Hex 50 31 6F

Monochromatic Colors

#694a88
#8263a1
#9b7cba
#b495d3
#cdaeec
#e6c7ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#50316f Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#50316F Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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