#8DD872 Information

#8DD872 color RGB value is (141 , 216 , 114) , HEX triplet: 8d, d8 and 72. RGB value is (141 , 216 , 114). Sum of RGB (Red+Green+Blue) = 141+216+114=471 (Red value is 141 (55.29% from 255 or 65.58% from 215); Green value is 216 (84.71% from 255 or 100.47% from 215); Blue value is 114 (44.71% from 255 or 53.02% from 215); Max value from RGB is 216 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #8DD872 hue: 0.29 , saturation: 0.57 and the lightness value of 8dd872 is 0.65.

#8dd872
(141 , 216 , 114)
  • R (141)
  • G (216)
  • B (114)
  • C (29.41)
  • M (0)
  • Y (40)
  • K (15.29)

Applying the #8dd872

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

#88d36d
#83ce68
#7ec963
#79c45e
#74bf59
#6fba54
#6ab54f
#65b04a
#60ab45
#5ba640
#56a13b
#519c36
#99e47e
#a5f08a
#b1fc96
#bdffa2
#c9ffae
#d5ffba
#e1ffc6
#edffd2
#f9ffde
#ffffea
#fffff6
#ffffff

Color spaces of #8dd872

Type Values
RGB 141 216 114
HSL 0.29 0.57 0.65
HSV 104 47 85
CMYK 29.41 0 40 15.29
XYZ 38.5776 55.9894 24.6934
Hunter Lab 74.826 -38.9169 32.8178
CIE-Lab 79.6078 -41.903 42.8756

Base Numbers

BaseRedGreenBlue
Decimal 141 216 114
Binary 10001101 11011000 1110010
Octal 215 330 162
Hex 8D D8 72

Monochromatic Colors

#a6f18b
#bfffa4
#d8ffbd
#f1ffd6
#ffffef
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8dd872 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8DD872 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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