#50CD6C Information

#50CD6C color RGB value is (80 , 205 , 108) , HEX triplet: 50, cd and 6c. RGB value is (80 , 205 , 108). Sum of RGB (Red+Green+Blue) = 80+205+108=393 (Red value is 80 (31.37% from 255 or 37.21% from 215); Green value is 205 (80.39% from 255 or 95.35% from 215); Blue value is 108 (42.35% from 255 or 50.23% from 215); Max value from RGB is 205 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #50CD6C hue: 0.37 , saturation: 0.56 and the lightness value of 50cd6c is 0.56.

#50cd6c
(80 , 205 , 108)
  • R (80)
  • G (205)
  • B (108)
  • C (49.02)
  • M (0)
  • Y (38.04)
  • K (19.61)

Applying the #50cd6c

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

#4bc867
#46c362
#41be5d
#3cb958
#37b453
#32af4e
#2daa49
#28a544
#23a03f
#1e9b3a
#199635
#149130
#5cd978
#68e584
#74f190
#80fd9c
#8cffa8
#98ffb4
#a4ffc0
#b0ffcc
#bcffd8
#c8ffe4
#d4fff0
#e0fffc

Color spaces of #50cd6c

Type Values
RGB 80 205 108
HSL 0.37 0.56 0.56
HSV 133 61 80
CMYK 49.02 0 38.04 19.61
XYZ 27.8464 46.4508 21.6856
Hunter Lab 68.1548 -46.3399 28.8492
CIE-Lab 73.8371 -55.1459 38.094

Base Numbers

BaseRedGreenBlue
Decimal 80 205 108
Binary 1010000 11001101 1101100
Octal 120 315 154
Hex 50 CD 6C

Monochromatic Colors

#69e685
#82ff9e
#9bffb7
#b4ffd0
#cdffe9
#e6ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#50cd6c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#50CD6C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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