#8ED564 Information

#8ED564 color RGB value is (142 , 213 , 100) , HEX triplet: 8e, d5 and 64. RGB value is (142 , 213 , 100). Sum of RGB (Red+Green+Blue) = 142+213+100=455 (Red value is 142 (55.69% from 255 or 66.05% from 215); Green value is 213 (83.53% from 255 or 99.07% from 215); Blue value is 100 (39.22% from 255 or 46.51% from 215); Max value from RGB is 213 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #8ED564 hue: 0.27 , saturation: 0.57 and the lightness value of 8ed564 is 0.61.

#8ed564
(142 , 213 , 100)
  • R (142)
  • G (213)
  • B (100)
  • C (27.84)
  • M (0)
  • Y (44.31)
  • K (16.47)

Applying the #8ed564

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

#89d05f
#84cb5a
#7fc655
#7ac150
#75bc4b
#70b746
#6bb241
#66ad3c
#61a837
#5ca332
#579e2d
#529928
#9ae170
#a6ed7c
#b2f988
#beff94
#caffa0
#d6ffac
#e2ffb8
#eeffc4
#faffd0
#ffffdc
#ffffe8
#fffff4

Color spaces of #8ed564

Type Values
RGB 142 213 100
HSL 0.27 0.57 0.61
HSV 98 53 84
CMYK 27.84 0 44.31 16.47
XYZ 37.2498 54.2594 20.5664
Hunter Lab 73.661 -38.6401 35.0135
CIE-Lab 78.6127 -41.9111 48.3727

Base Numbers

BaseRedGreenBlue
Decimal 142 213 100
Binary 10001110 11010101 1100100
Octal 216 325 144
Hex 8E D5 64

Monochromatic Colors

#a7ee7d
#c0ff96
#d9ffaf
#f2ffc8
#ffffe1
#fffffa

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8ed564 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8ED564 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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