#52F096 Information

#52F096 color RGB value is (82 , 240 , 150) , HEX triplet: 52, f0 and 96. RGB value is (82 , 240 , 150). Sum of RGB (Red+Green+Blue) = 82+240+150=472 (Red value is 82 (32.16% from 255 or 38.14% from 215); Green value is 240 (94.12% from 255 or 111.63% from 215); Blue value is 150 (58.82% from 255 or 69.77% from 215); Max value from RGB is 240 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #52F096 hue: 0.41 , saturation: 0.84 and the lightness value of 52f096 is 0.63.

#52f096
(82 , 240 , 150)
  • R (82)
  • G (240)
  • B (150)
  • C (61.96)
  • M (0)
  • Y (35.29)
  • K (5.88)

Applying the #52f096

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

#4deb91
#48e68c
#43e187
#3edc82
#39d77d
#34d278
#2fcd73
#2ac86e
#25c369
#20be64
#1bb95f
#16b45a
#5efca2
#6affae
#76ffba
#82ffc6
#8effd2
#9affde
#a6ffea
#b2fff6
#beffff
#caffff
#d6ffff
#e2ffff

Color spaces of #52f096

Type Values
RGB 82 240 150
HSL 0.41 0.84 0.63
HSV 146 66 94
CMYK 61.96 0 35.29 5.88
XYZ 40.1448 66.316 39.5386
Hunter Lab 81.4347 -54.5151 28.2267
CIE-Lab 85.1574 -60.8772 31.7225

Base Numbers

BaseRedGreenBlue
Decimal 82 240 150
Binary 1010010 11110000 10010110
Octal 122 360 226
Hex 52 F0 96

Monochromatic Colors

#6bffaf
#84ffc8
#9dffe1
#b6fffa
#cfffff
#e8ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#52f096 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#52F096 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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