#80E321 Information

#80E321 color RGB value is (128 , 227 , 33) , HEX triplet: 80, e3 and 21. RGB value is (128 , 227 , 33). Sum of RGB (Red+Green+Blue) = 128+227+33=388 (Red value is 128 (50.2% from 255 or 59.53% from 215); Green value is 227 (89.02% from 255 or 105.58% from 215); Blue value is 33 (12.94% from 255 or 15.35% from 215); Max value from RGB is 227 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #80E321 hue: 0.25 , saturation: 0.78 and the lightness value of 80e321 is 0.51.

#80e321
(128 , 227 , 33)
  • R (128)
  • G (227)
  • B (33)
  • C (38.82)
  • M (0)
  • Y (76.08)
  • K (10.98)

Applying the #80e321

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

#7bde1c
#76d917
#71d412
#6ccf0d
#67ca08
#62c503
#5dc000
#58bb00
#53b600
#4eb100
#49ac00
#44a700
#8cef2d
#98fb39
#a4ff45
#b0ff51
#bcff5d
#c8ff69
#d4ff75
#e0ff81
#ecff8d
#f8ff99
#ffffa5
#ffffb1

Color spaces of #80e321

Type Values
RGB 128 227 33
HSL 0.25 0.78 0.51
HSV 91 85 89
CMYK 38.82 0 76.08 10.98
XYZ 36.6457 59.6372 11.0185
Hunter Lab 77.2251 -50.4397 45.5998
CIE-Lab 81.6406 -56.9511 75.1454

Base Numbers

BaseRedGreenBlue
Decimal 128 227 33
Binary 10000000 11100011 100001
Octal 200 343 41
Hex 80 E3 21

Monochromatic Colors

#99fc3a
#b2ff53
#cbff6c
#e4ff85
#fdff9e
#ffffb7

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#80e321 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#80E321 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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