#8AD224 Information

#8AD224 color RGB value is (138 , 210 , 36) , HEX triplet: 8a, d2 and 24. RGB value is (138 , 210 , 36). Sum of RGB (Red+Green+Blue) = 138+210+36=384 (Red value is 138 (54.12% from 255 or 64.19% from 215); Green value is 210 (82.35% from 255 or 97.67% from 215); Blue value is 36 (14.12% from 255 or 16.74% from 215); Max value from RGB is 210 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #8AD224 hue: 0.24 , saturation: 0.71 and the lightness value of 8ad224 is 0.48.

#8ad224
(138 , 210 , 36)
  • R (138)
  • G (210)
  • B (36)
  • C (28.24)
  • M (0)
  • Y (68.24)
  • K (17.65)

Applying the #8ad224

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

#85cd1f
#80c81a
#7bc315
#76be10
#71b90b
#6cb406
#67af01
#62aa00
#5da500
#58a000
#539b00
#4e9600
#96de30
#a2ea3c
#aef648
#baff54
#c6ff60
#d2ff6c
#deff78
#eaff84
#f6ff90
#ffff9c
#ffffa8
#ffffb4

Color spaces of #8ad224

Type Values
RGB 138 210 36
HSL 0.24 0.71 0.48
HSV 85 83 82
CMYK 28.24 0 68.24 17.65
XYZ 33.8463 51.6238 9.8496
Hunter Lab 71.8497 -41.6505 42.1687
CIE-Lab 77.0554 -46.7004 70.6597

Base Numbers

BaseRedGreenBlue
Decimal 138 210 36
Binary 10001010 11010010 100100
Octal 212 322 44
Hex 8A D2 24

Monochromatic Colors

#a3eb3d
#bcff56
#d5ff6f
#eeff88
#ffffa1
#ffffba

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8ad224 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8AD224 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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