#80A493 Information

#80A493 color RGB value is (128 , 164 , 147) , HEX triplet: 80, a4 and 93. RGB value is (128 , 164 , 147). Sum of RGB (Red+Green+Blue) = 128+164+147=439 (Red value is 128 (50.2% from 255 or 59.53% from 215); Green value is 164 (64.31% from 255 or 76.28% from 215); Blue value is 147 (57.65% from 255 or 68.37% from 215); Max value from RGB is 164 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #80A493 hue: 0.42 , saturation: 0.17 and the lightness value of 80a493 is 0.57.

#80a493
(128 , 164 , 147)
  • R (128)
  • G (164)
  • B (147)
  • C (14.12)
  • M (0)
  • Y (6.67)
  • K (35.69)

Applying the #80a493

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

#7b9f8e
#769a89
#719584
#6c907f
#678b7a
#628675
#5d8170
#587c6b
#537766
#4e7261
#496d5c
#446857
#8cb09f
#98bcab
#a4c8b7
#b0d4c3
#bce0cf
#c8ecdb
#d4f8e7
#e0fff3
#ecffff
#f8ffff
#ffffff

Color spaces of #80a493

Type Values
RGB 128 164 147
HSL 0.42 0.17 0.57
HSV 152 22 64
CMYK 14.12 0 6.67 35.69
XYZ 27.444 33.2467 32.5746
Hunter Lab 57.6599 -15.9452 6.8779
CIE-Lab 64.3602 -15.9042 4.789

Base Numbers

BaseRedGreenBlue
Decimal 128 164 147
Binary 10000000 10100100 10010011
Octal 200 244 223
Hex 80 A4 93

Monochromatic Colors

#99bdac
#b2d6c5
#cbefde
#e4fff7
#fdffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#80a493 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#80A493 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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