#50706D Information

#50706D color RGB value is (80 , 112 , 109) , HEX triplet: 50, 70 and 6d. RGB value is (80 , 112 , 109). Sum of RGB (Red+Green+Blue) = 80+112+109=301 (Red value is 80 (31.37% from 255 or 37.21% from 215); Green value is 112 (43.92% from 255 or 52.09% from 215); Blue value is 109 (42.75% from 255 or 50.7% from 215); Max value from RGB is 112 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #50706D hue: 0.48 , saturation: 0.17 and the lightness value of 50706d is 0.38.

#50706d
(80 , 112 , 109)
  • R (80)
  • G (112)
  • B (109)
  • C (12.55)
  • M (0)
  • Y (1.18)
  • K (56.08)

Applying the #50706d

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

#4b6b68
#466663
#41615e
#3c5c59
#375754
#32524f
#2d4d4a
#284845
#234340
#1e3e3b
#193936
#143431
#5c7c79
#688885
#749491
#80a09d
#8caca9
#98b8b5
#a4c4c1
#b0d0cd
#bcdcd9
#c8e8e5
#d4f4f1
#e0fffd

Color spaces of #50706d

Type Values
RGB 80 112 109
HSL 0.48 0.17 0.38
HSV 174 29 44
CMYK 12.55 0 1.18 56.08
XYZ 11.8628 14.3979 16.6218
Hunter Lab 37.9446 -10.5978 0.5979
CIE-Lab 44.7983 -12.1888 -2.0652

Base Numbers

BaseRedGreenBlue
Decimal 80 112 109
Binary 1010000 1110000 1101101
Octal 120 160 155
Hex 50 70 6D

Monochromatic Colors

#698986
#82a29f
#9bbbb8
#b4d4d1
#cdedea
#e6ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#50706d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#50706D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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