#52F476 Information

#52F476 color RGB value is (82 , 244 , 118) , HEX triplet: 52, f4 and 76. RGB value is (82 , 244 , 118). Sum of RGB (Red+Green+Blue) = 82+244+118=444 (Red value is 82 (32.16% from 255 or 38.14% from 215); Green value is 244 (95.69% from 255 or 113.49% from 215); Blue value is 118 (46.27% from 255 or 54.88% from 215); Max value from RGB is 244 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #52F476 hue: 0.37 , saturation: 0.88 and the lightness value of 52f476 is 0.64.

#52f476
(82 , 244 , 118)
  • R (82)
  • G (244)
  • B (118)
  • C (63.53)
  • M (0)
  • Y (49.41)
  • K (4.31)

Applying the #52f476

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

#4def71
#48ea6c
#43e567
#3ee062
#39db5d
#34d658
#2fd153
#2acc4e
#25c749
#20c244
#1bbd3f
#16b83a
#5eff82
#6aff8e
#76ff9a
#82ffa6
#8effb2
#9affbe
#a6ffca
#b2ffd6
#beffe2
#caffee
#d6fffa
#e2ffff

Color spaces of #52f476

Type Values
RGB 82 244 118
HSL 0.37 0.88 0.64
HSV 133 66 96
CMYK 63.53 0 49.41 4.31
XYZ 39.1004 67.8032 28.1661
Hunter Lab 82.3427 -59.3386 37.3653
CIE-Lab 85.908 -67.3944 48.2693

Base Numbers

BaseRedGreenBlue
Decimal 82 244 118
Binary 1010010 11110100 1110110
Octal 122 364 166
Hex 52 F4 76

Monochromatic Colors

#6bff8f
#84ffa8
#9dffc1
#b6ffda
#cffff3
#e8ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#52f476 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#52F476 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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