#52D297 Information

#52D297 color RGB value is (82 , 210 , 151) , HEX triplet: 52, d2 and 97. RGB value is (82 , 210 , 151). Sum of RGB (Red+Green+Blue) = 82+210+151=443 (Red value is 82 (32.16% from 255 or 38.14% from 215); Green value is 210 (82.35% from 255 or 97.67% from 215); Blue value is 151 (59.22% from 255 or 70.23% from 215); Max value from RGB is 210 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #52D297 hue: 0.42 , saturation: 0.59 and the lightness value of 52d297 is 0.57.

#52d297
(82 , 210 , 151)
  • R (82)
  • G (210)
  • B (151)
  • C (50.2)
  • M (0)
  • Y (23.14)
  • K (17.65)

Applying the #52d297

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

#4dcd92
#48c88d
#43c388
#3ebe83
#39b97e
#34b479
#2faf74
#2aaa6f
#25a56a
#20a065
#1b9b60
#16965b
#5edea3
#6aeaaf
#76f6bb
#82ffc7
#8effd3
#9affdf
#a6ffeb
#b2fff7
#beffff
#caffff
#d6ffff
#e2ffff

Color spaces of #52d297

Type Values
RGB 82 210 151
HSL 0.42 0.59 0.57
HSV 152 61 82
CMYK 50.2 0 23.14 17.65
XYZ 32.1122 50.1214 37.2601
Hunter Lab 70.7965 -42.9285 18.3636
CIE-Lab 76.1437 -48.9297 18.977

Base Numbers

BaseRedGreenBlue
Decimal 82 210 151
Binary 1010010 11010010 10010111
Octal 122 322 227
Hex 52 D2 97

Monochromatic Colors

#6bebb0
#84ffc9
#9dffe2
#b6fffb
#cfffff
#e8ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#52d297 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#52D297 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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