#80A69C Information

#80A69C color RGB value is (128 , 166 , 156) , HEX triplet: 80, a6 and 9c. RGB value is (128 , 166 , 156). Sum of RGB (Red+Green+Blue) = 128+166+156=450 (Red value is 128 (50.2% from 255 or 59.53% from 215); Green value is 166 (65.1% from 255 or 77.21% from 215); Blue value is 156 (61.18% from 255 or 72.56% from 215); Max value from RGB is 166 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #80A69C hue: 0.46 , saturation: 0.18 and the lightness value of 80a69c is 0.58.

#80a69c
(128 , 166 , 156)
  • R (128)
  • G (166)
  • B (156)
  • C (14.9)
  • M (0)
  • Y (3.92)
  • K (34.9)

Applying the #80a69c

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

#7ba197
#769c92
#71978d
#6c9288
#678d83
#62887e
#5d8379
#587e74
#53796f
#4e746a
#496f65
#446a60
#8cb2a8
#98beb4
#a4cac0
#b0d6cc
#bce2d8
#c8eee4
#d4faf0
#e0fffc
#ecffff
#f8ffff
#ffffff

Color spaces of #80a69c

Type Values
RGB 128 166 156
HSL 0.46 0.18 0.58
HSV 164 23 65
CMYK 14.9 0 3.92 34.9
XYZ 28.5391 34.2619 36.5615
Hunter Lab 58.5337 -15.403 3.9523
CIE-Lab 65.1699 -15.0564 0.9365

Base Numbers

BaseRedGreenBlue
Decimal 128 166 156
Binary 10000000 10100110 10011100
Octal 200 246 234
Hex 80 A6 9C

Monochromatic Colors

#99bfb5
#b2d8ce
#cbf1e7
#e4ffff
#fdffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#80a69c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#80A69C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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