#7FA080 Information

#7FA080 color RGB value is (127 , 160 , 128) , HEX triplet: 7f, a0 and 80. RGB value is (127 , 160 , 128). Sum of RGB (Red+Green+Blue) = 127+160+128=415 (Red value is 127 (49.8% from 255 or 59.07% from 215); Green value is 160 (62.75% from 255 or 74.42% from 215); Blue value is 128 (50.2% from 255 or 59.53% from 215); Max value from RGB is 160 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #7FA080 hue: 0.34 , saturation: 0.15 and the lightness value of 7fa080 is 0.56.

#7fa080
(127 , 160 , 128)
  • R (127)
  • G (160)
  • B (128)
  • C (12.94)
  • M (0)
  • Y (12.55)
  • K (37.25)

Applying the #7fa080

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

#7a9b7b
#759676
#709171
#6b8c6c
#668767
#618262
#5c7d5d
#577858
#527353
#4d6e4e
#486949
#436444
#8bac8c
#97b898
#a3c4a4
#afd0b0
#bbdcbc
#c7e8c8
#d3f4d4
#dfffe0
#ebffec
#f7fff8
#ffffff

Color spaces of #7fa080

Type Values
RGB 127 160 128
HSL 0.34 0.15 0.56
HSV 122 21 63
CMYK 12.94 0 12.55 37.25
XYZ 25.2195 31.2122 25.1174
Hunter Lab 55.8678 -17.1911 12.4604
CIE-Lab 62.6863 -17.8712 13.0064

Base Numbers

BaseRedGreenBlue
Decimal 127 160 128
Binary 1111111 10100000 10000000
Octal 177 240 200
Hex 7F A0 80

Monochromatic Colors

#98b999
#b1d2b2
#caebcb
#e3ffe4
#fcfffd
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#7fa080 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#7FA080 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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