#528E50 Information

#528E50 color RGB value is (82 , 142 , 80) , HEX triplet: 52, 8e and 50. RGB value is (82 , 142 , 80). Sum of RGB (Red+Green+Blue) = 82+142+80=304 (Red value is 82 (32.16% from 255 or 38.14% from 215); Green value is 142 (55.69% from 255 or 66.05% from 215); Blue value is 80 (31.37% from 255 or 37.21% from 215); Max value from RGB is 142 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #528E50 hue: 0.33 , saturation: 0.28 and the lightness value of 528e50 is 0.44.

#528e50
(82 , 142 , 80)
  • R (82)
  • G (142)
  • B (80)
  • C (23.53)
  • M (0)
  • Y (24.31)
  • K (44.31)

Applying the #528e50

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

#4d894b
#488446
#437f41
#3e7a3c
#397537
#347032
#2f6b2d
#2a6628
#256123
#205c1e
#1b5719
#165214
#5e9a5c
#6aa668
#76b274
#82be80
#8eca8c
#9ad698
#a6e2a4
#b2eeb0
#befabc
#caffc8
#d6ffd4
#e2ffe0

Color spaces of #528e50

Type Values
RGB 82 142 80
HSL 0.33 0.28 0.44
HSV 118 44 56
CMYK 23.53 0 24.31 44.31
XYZ 14.6006 21.719 11.0121
Hunter Lab 46.6037 -25.6332 18.6172
CIE-Lab 53.7276 -32.7682 27.0378

Base Numbers

BaseRedGreenBlue
Decimal 82 142 80
Binary 1010010 10001110 1010000
Octal 122 216 120
Hex 52 8E 50

Monochromatic Colors

#6ba769
#84c082
#9dd99b
#b6f2b4
#cfffcd
#e8ffe6

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#528e50 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#528E50 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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