#52A159 Information

#52A159 color RGB value is (82 , 161 , 89) , HEX triplet: 52, a1 and 59. RGB value is (82 , 161 , 89). Sum of RGB (Red+Green+Blue) = 82+161+89=332 (Red value is 82 (32.16% from 255 or 38.14% from 215); Green value is 161 (63.14% from 255 or 74.88% from 215); Blue value is 89 (34.9% from 255 or 41.4% from 215); Max value from RGB is 161 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #52A159 hue: 0.35 , saturation: 0.33 and the lightness value of 52a159 is 0.48.

#52a159
(82 , 161 , 89)
  • R (82)
  • G (161)
  • B (89)
  • C (30.98)
  • M (0)
  • Y (28.24)
  • K (36.86)

Applying the #52a159

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

#4d9c54
#48974f
#43924a
#3e8d45
#398840
#34833b
#2f7e36
#2a7931
#25742c
#206f27
#1b6a22
#16651d
#5ead65
#6ab971
#76c57d
#82d189
#8edd95
#9ae9a1
#a6f5ad
#b2ffb9
#beffc5
#caffd1
#d6ffdd
#e2ffe9

Color spaces of #52a159

Type Values
RGB 82 161 89
HSL 0.35 0.33 0.48
HSV 125 49 63
CMYK 30.98 0 28.24 36.86
XYZ 18.0277 28.0048 13.9065
Hunter Lab 52.9196 -31.8007 21.468
CIE-Lab 59.8931 -39.8464 30.1301

Base Numbers

BaseRedGreenBlue
Decimal 82 161 89
Binary 1010010 10100001 1011001
Octal 122 241 131
Hex 52 A1 59

Monochromatic Colors

#6bba72
#84d38b
#9deca4
#b6ffbd
#cfffd6
#e8ffef

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#52a159 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#52A159 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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