#52A63D Information

#52A63D color RGB value is (82 , 166 , 61) , HEX triplet: 52, a6 and 3d. RGB value is (82 , 166 , 61). Sum of RGB (Red+Green+Blue) = 82+166+61=309 (Red value is 82 (32.16% from 255 or 38.14% from 215); Green value is 166 (65.1% from 255 or 77.21% from 215); Blue value is 61 (23.92% from 255 or 28.37% from 215); Max value from RGB is 166 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #52A63D hue: 0.3 , saturation: 0.46 and the lightness value of 52a63d is 0.45.

#52a63d
(82 , 166 , 61)
  • R (82)
  • G (166)
  • B (61)
  • C (32.94)
  • M (0)
  • Y (41.18)
  • K (34.9)

Applying the #52a63d

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

#4da138
#489c33
#43972e
#3e9229
#398d24
#34881f
#2f831a
#2a7e15
#257910
#20740b
#1b6f06
#166a01
#5eb249
#6abe55
#76ca61
#82d66d
#8ee279
#9aee85
#a6fa91
#b2ff9d
#beffa9
#caffb5
#d6ffc1
#e2ffcd

Color spaces of #52a63d

Type Values
RGB 82 166 61
HSL 0.3 0.46 0.45
HSV 108 63 65
CMYK 32.94 0 41.18 34.9
XYZ 17.9582 29.4032 9.1438
Hunter Lab 54.2247 -35.7771 27.9621
CIE-Lab 61.1358 -45.5726 45.4101

Base Numbers

BaseRedGreenBlue
Decimal 82 166 61
Binary 1010010 10100110 111101
Octal 122 246 75
Hex 52 A6 3D

Monochromatic Colors

#6bbf56
#84d86f
#9df188
#b6ffa1
#cfffba
#e8ffd3

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#52a63d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#52A63D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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