#80B864 Information

#80B864 color RGB value is (128 , 184 , 100) , HEX triplet: 80, b8 and 64. RGB value is (128 , 184 , 100). Sum of RGB (Red+Green+Blue) = 128+184+100=412 (Red value is 128 (50.2% from 255 or 59.53% from 215); Green value is 184 (72.16% from 255 or 85.58% from 215); Blue value is 100 (39.22% from 255 or 46.51% from 215); Max value from RGB is 184 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #80B864 hue: 0.28 , saturation: 0.37 and the lightness value of 80b864 is 0.56.

#80b864
(128 , 184 , 100)
  • R (128)
  • G (184)
  • B (100)
  • C (21.96)
  • M (0)
  • Y (32.94)
  • K (27.84)

Applying the #80b864

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

#7bb35f
#76ae5a
#71a955
#6ca450
#679f4b
#629a46
#5d9541
#58903c
#538b37
#4e8632
#49812d
#447c28
#8cc470
#98d07c
#a4dc88
#b0e894
#bcf4a0
#c8ffac
#d4ffb8
#e0ffc4
#ecffd0
#f8ffdc
#ffffe8
#fffff4

Color spaces of #80b864

Type Values
RGB 128 184 100
HSL 0.28 0.37 0.56
HSV 100 46 72
CMYK 21.96 0 32.94 27.84
XYZ 28.3428 39.7903 18.2431
Hunter Lab 63.0795 -30.1854 27.0138
CIE-Lab 69.3199 -33.7132 36.8455

Base Numbers

BaseRedGreenBlue
Decimal 128 184 100
Binary 10000000 10111000 1100100
Octal 200 270 144
Hex 80 B8 64

Monochromatic Colors

#99d17d
#b2ea96
#cbffaf
#e4ffc8
#fdffe1
#fffffa

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#80b864 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#80B864 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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