#509248 Information

#509248 color RGB value is (80 , 146 , 72) , HEX triplet: 50, 92 and 48. RGB value is (80 , 146 , 72). Sum of RGB (Red+Green+Blue) = 80+146+72=298 (Red value is 80 (31.37% from 255 or 37.21% from 215); Green value is 146 (57.25% from 255 or 67.91% from 215); Blue value is 72 (28.24% from 255 or 33.49% from 215); Max value from RGB is 146 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #509248 hue: 0.32 , saturation: 0.34 and the lightness value of 509248 is 0.43.

#509248
(80 , 146 , 72)
  • R (80)
  • G (146)
  • B (72)
  • C (25.88)
  • M (0)
  • Y (29.02)
  • K (42.75)

Applying the #509248

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

#4b8d43
#46883e
#418339
#3c7e34
#37792f
#32742a
#2d6f25
#286a20
#23651b
#1e6016
#195b11
#14560c
#5c9e54
#68aa60
#74b66c
#80c278
#8cce84
#98da90
#a4e69c
#b0f2a8
#bcfeb4
#c8ffc0
#d4ffcc
#e0ffd8

Color spaces of #509248

Type Values
RGB 80 146 72
HSL 0.32 0.34 0.43
HSV 114 51 57
CMYK 25.88 0 29.02 42.75
XYZ 14.7568 22.7311 9.7407
Hunter Lab 47.6772 -28.1861 21.2644
CIE-Lab 54.7943 -36.4144 32.6107

Base Numbers

BaseRedGreenBlue
Decimal 80 146 72
Binary 1010000 10010010 1001000
Octal 120 222 110
Hex 50 92 48

Monochromatic Colors

#69ab61
#82c47a
#9bdd93
#b4f6ac
#cdffc5
#e6ffde

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#509248 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#509248 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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