#8ED214 Information

#8ED214 color RGB value is (142 , 210 , 20) , HEX triplet: 8e, d2 and 14. RGB value is (142 , 210 , 20). Sum of RGB (Red+Green+Blue) = 142+210+20=372 (Red value is 142 (55.69% from 255 or 66.05% from 215); Green value is 210 (82.35% from 255 or 97.67% from 215); Blue value is 20 (7.84% from 255 or 9.3% from 215); Max value from RGB is 210 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #8ED214 hue: 0.23 , saturation: 0.83 and the lightness value of 8ed214 is 0.45.

#8ed214
(142 , 210 , 20)
  • R (142)
  • G (210)
  • B (20)
  • C (26.67)
  • M (0)
  • Y (74.51)
  • K (17.65)

Applying the #8ed214

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

#89cd0f
#84c80a
#7fc305
#7abe00
#75b900
#70b400
#6baf00
#66aa00
#61a500
#5ca000
#579b00
#529600
#9ade20
#a6ea2c
#b2f638
#beff44
#caff50
#d6ff5c
#e2ff68
#eeff74
#faff80
#ffff8c
#ffff98
#ffffa4

Color spaces of #8ed214

Type Values
RGB 142 210 20
HSL 0.23 0.83 0.45
HSV 81 90 82
CMYK 26.67 0 74.51 17.65
XYZ 34.3282 51.8945 8.8692
Hunter Lab 72.0378 -41.0051 43.1282
CIE-Lab 77.2177 -45.726 74.0231

Base Numbers

BaseRedGreenBlue
Decimal 142 210 20
Binary 10001110 11010010 10100
Octal 216 322 24
Hex 8E D2 14

Monochromatic Colors

#a7eb2d
#c0ff46
#d9ff5f
#f2ff78
#ffff91
#ffffaa

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8ed214 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8ED214 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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