#8ED080 Information

#8ED080 color RGB value is (142 , 208 , 128) , HEX triplet: 8e, d0 and 80. RGB value is (142 , 208 , 128). Sum of RGB (Red+Green+Blue) = 142+208+128=478 (Red value is 142 (55.69% from 255 or 66.05% from 215); Green value is 208 (81.57% from 255 or 96.74% from 215); Blue value is 128 (50.2% from 255 or 59.53% from 215); Max value from RGB is 208 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #8ED080 hue: 0.3 , saturation: 0.46 and the lightness value of 8ed080 is 0.66.

#8ed080
(142 , 208 , 128)
  • R (142)
  • G (208)
  • B (128)
  • C (25.88)
  • M (0)
  • Y (31.37)
  • K (18.43)

Applying the #8ed080

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

#89cb7b
#84c676
#7fc171
#7abc6c
#75b767
#70b262
#6bad5d
#66a858
#61a353
#5c9e4e
#579949
#529444
#9adc8c
#a6e898
#b2f4a4
#beffb0
#caffbc
#d6ffc8
#e2ffd4
#eeffe0
#faffec
#fffff8
#ffffff

Color spaces of #8ed080

Type Values
RGB 142 208 128
HSL 0.3 0.46 0.66
HSV 110 38 82
CMYK 25.88 0 31.37 18.43
XYZ 37.6075 52.421 28.5582
Hunter Lab 72.4024 -33.9867 27.3028
CIE-Lab 77.5319 -36.0851 33.2392

Base Numbers

BaseRedGreenBlue
Decimal 142 208 128
Binary 10001110 11010000 10000000
Octal 216 320 200
Hex 8E D0 80

Monochromatic Colors

#a7e999
#c0ffb2
#d9ffcb
#f2ffe4
#fffffd
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8ed080 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8ED080 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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