#52E780 Information

#52E780 color RGB value is (82 , 231 , 128) , HEX triplet: 52, e7 and 80. RGB value is (82 , 231 , 128). Sum of RGB (Red+Green+Blue) = 82+231+128=441 (Red value is 82 (32.16% from 255 or 38.14% from 215); Green value is 231 (90.59% from 255 or 107.44% from 215); Blue value is 128 (50.2% from 255 or 59.53% from 215); Max value from RGB is 231 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #52E780 hue: 0.38 , saturation: 0.76 and the lightness value of 52e780 is 0.61.

#52e780
(82 , 231 , 128)
  • R (82)
  • G (231)
  • B (128)
  • C (58.43)
  • M (0)
  • Y (40.39)
  • K (9.41)

Applying the #52e780

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

#4de27b
#48dd76
#43d871
#3ed36c
#39ce67
#34c962
#2fc45d
#2abf58
#25ba53
#20b54e
#1bb049
#16ab44
#5ef38c
#6aff98
#76ffa4
#82ffb0
#8effbc
#9affc8
#a6ffd4
#b2ffe0
#beffec
#cafff8
#d6ffff
#e2ffff

Color spaces of #52e780

Type Values
RGB 82 231 128
HSL 0.38 0.76 0.61
HSV 139 65 91
CMYK 58.43 0 40.39 9.41
XYZ 35.9519 60.5042 30.2057
Hunter Lab 77.7844 -53.6198 31.4324
CIE-Lab 82.1115 -61.2921 38.7191

Base Numbers

BaseRedGreenBlue
Decimal 82 231 128
Binary 1010010 11100111 10000000
Octal 122 347 200
Hex 52 E7 80

Monochromatic Colors

#6bff99
#84ffb2
#9dffcb
#b6ffe4
#cffffd
#e8ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#52e780 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#52E780 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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