#52C858 Information

#52C858 color RGB value is (82 , 200 , 88) , HEX triplet: 52, c8 and 58. RGB value is (82 , 200 , 88). Sum of RGB (Red+Green+Blue) = 82+200+88=370 (Red value is 82 (32.16% from 255 or 38.14% from 215); Green value is 200 (78.43% from 255 or 93.02% from 215); Blue value is 88 (34.51% from 255 or 40.93% from 215); Max value from RGB is 200 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #52C858 hue: 0.34 , saturation: 0.52 and the lightness value of 52c858 is 0.55.

#52c858
(82 , 200 , 88)
  • R (82)
  • G (200)
  • B (88)
  • C (46.27)
  • M (0)
  • Y (43.92)
  • K (21.57)

Applying the #52c858

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

#4dc353
#48be4e
#43b949
#3eb444
#39af3f
#34aa3a
#2fa535
#2aa030
#259b2b
#209626
#1b9121
#168c1c
#5ed464
#6ae070
#76ec7c
#82f888
#8eff94
#9affa0
#a6ffac
#b2ffb8
#beffc4
#caffd0
#d6ffdc
#e2ffe8

Color spaces of #52c858

Type Values
RGB 82 200 88
HSL 0.34 0.52 0.55
HSV 123 59 78
CMYK 46.27 0 43.92 21.57
XYZ 25.8954 43.807 16.3233
Hunter Lab 66.1868 -45.9889 31.7127
CIE-Lab 72.0993 -55.5992 45.6494

Base Numbers

BaseRedGreenBlue
Decimal 82 200 88
Binary 1010010 11001000 1011000
Octal 122 310 130
Hex 52 C8 58

Monochromatic Colors

#6be171
#84fa8a
#9dffa3
#b6ffbc
#cfffd5
#e8ffee

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#52c858 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#52C858 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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