#50336D Information

#50336D color RGB value is (80 , 51 , 109) , HEX triplet: 50, 33 and 6d. RGB value is (80 , 51 , 109). Sum of RGB (Red+Green+Blue) = 80+51+109=240 (Red value is 80 (31.37% from 255 or 37.21% from 215); Green value is 51 (20% from 255 or 23.72% from 215); Blue value is 109 (42.75% from 255 or 50.7% from 215); Max value from RGB is 109 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #50336D hue: 0.75 , saturation: 0.36 and the lightness value of 50336d is 0.31.

#50336d
(80 , 51 , 109)
  • R (80)
  • G (51)
  • B (109)
  • C (11.37)
  • M (22.75)
  • Y (0)
  • K (57.25)

Applying the #50336d

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

#4b2e68
#462963
#41245e
#3c1f59
#371a54
#32154f
#2d104a
#280b45
#230640
#1e013b
#190036
#140031
#5c3f79
#684b85
#745791
#80639d
#8c6fa9
#987bb5
#a487c1
#b093cd
#bc9fd9
#c8abe5
#d4b7f1
#e0c3fd

Color spaces of #50336d

Type Values
RGB 80 51 109
HSL 0.75 0.36 0.31
HSV 270 53 43
CMYK 11.37 22.75 0 57.25
XYZ 7.2524 5.1773 15.0851
Hunter Lab 22.7536 17.0759 -23.3662
CIE-Lab 27.2339 25.7196 -28.9473

Base Numbers

BaseRedGreenBlue
Decimal 80 51 109
Binary 1010000 110011 1101101
Octal 120 63 155
Hex 50 33 6D

Monochromatic Colors

#694c86
#82659f
#9b7eb8
#b497d1
#cdb0ea
#e6c9ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#50336d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#50336D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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