#52E571 Information

#52E571 color RGB value is (82 , 229 , 113) , HEX triplet: 52, e5 and 71. RGB value is (82 , 229 , 113). Sum of RGB (Red+Green+Blue) = 82+229+113=424 (Red value is 82 (32.16% from 255 or 38.14% from 215); Green value is 229 (89.8% from 255 or 106.51% from 215); Blue value is 113 (44.31% from 255 or 52.56% from 215); Max value from RGB is 229 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #52E571 hue: 0.37 , saturation: 0.74 and the lightness value of 52e571 is 0.61.

#52e571
(82 , 229 , 113)
  • R (82)
  • G (229)
  • B (113)
  • C (57.65)
  • M (0)
  • Y (45.49)
  • K (10.2)

Applying the #52e571

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

#4de06c
#48db67
#43d662
#3ed15d
#39cc58
#34c753
#2fc24e
#2abd49
#25b844
#20b33f
#1bae3a
#16a935
#5ef17d
#6afd89
#76ff95
#82ffa1
#8effad
#9affb9
#a6ffc5
#b2ffd1
#beffdd
#caffe9
#d6fff5
#e2ffff

Color spaces of #52e571

Type Values
RGB 82 229 113
HSL 0.37 0.74 0.61
HSV 133 64 90
CMYK 57.65 0 45.49 10.2
XYZ 34.4796 59.0247 25.1984
Hunter Lab 76.8275 -54.3382 34.3388
CIE-Lab 81.3052 -62.8216 44.9762

Base Numbers

BaseRedGreenBlue
Decimal 82 229 113
Binary 1010010 11100101 1110001
Octal 122 345 161
Hex 52 E5 71

Monochromatic Colors

#6bfe8a
#84ffa3
#9dffbc
#b6ffd5
#cfffee
#e8ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#52e571 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#52E571 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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