#80C174 Information

#80C174 color RGB value is (128 , 193 , 116) , HEX triplet: 80, c1 and 74. RGB value is (128 , 193 , 116). Sum of RGB (Red+Green+Blue) = 128+193+116=437 (Red value is 128 (50.2% from 255 or 59.53% from 215); Green value is 193 (75.69% from 255 or 89.77% from 215); Blue value is 116 (45.49% from 255 or 53.95% from 215); Max value from RGB is 193 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #80C174 hue: 0.31 , saturation: 0.38 and the lightness value of 80c174 is 0.61.

#80c174
(128 , 193 , 116)
  • R (128)
  • G (193)
  • B (116)
  • C (25.49)
  • M (0)
  • Y (30.2)
  • K (24.31)

Applying the #80c174

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

#7bbc6f
#76b76a
#71b265
#6cad60
#67a85b
#62a356
#5d9e51
#58994c
#539447
#4e8f42
#498a3d
#448538
#8ccd80
#98d98c
#a4e598
#b0f1a4
#bcfdb0
#c8ffbc
#d4ffc8
#e0ffd4
#ecffe0
#f8ffec
#fffff8
#ffffff

Color spaces of #80c174

Type Values
RGB 128 193 116
HSL 0.31 0.38 0.61
HSV 111 40 76
CMYK 25.49 0 30.2 24.31
XYZ 31.1244 43.9901 23.3735
Hunter Lab 66.325 -32.3034 25.5398
CIE-Lab 72.2219 -35.633 32.3542

Base Numbers

BaseRedGreenBlue
Decimal 128 193 116
Binary 10000000 11000001 1110100
Octal 200 301 164
Hex 80 C1 74

Monochromatic Colors

#99da8d
#b2f3a6
#cbffbf
#e4ffd8
#fdfff1
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#80c174 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#80C174 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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