#77F081 Information

#77F081 color RGB value is (119 , 240 , 129) , HEX triplet: 77, f0 and 81. RGB value is (119 , 240 , 129). Sum of RGB (Red+Green+Blue) = 119+240+129=488 (Red value is 119 (46.67% from 255 or 55.35% from 215); Green value is 240 (94.12% from 255 or 111.63% from 215); Blue value is 129 (50.59% from 255 or 60% from 215); Max value from RGB is 240 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #77F081 hue: 0.35 , saturation: 0.8 and the lightness value of 77f081 is 0.7.

#77f081
(119 , 240 , 129)
  • R (119)
  • G (240)
  • B (129)
  • C (47.45)
  • M (0)
  • Y (43.53)
  • K (5.88)

Applying the #77f081

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

#72eb7c
#6de677
#68e172
#63dc6d
#5ed768
#59d263
#54cd5e
#4fc859
#4ac354
#45be4f
#40b94a
#3bb445
#83fc8d
#8fff99
#9bffa5
#a7ffb1
#b3ffbd
#bfffc9
#cbffd5
#d7ffe1
#e3ffed
#effff9
#fbffff
#ffffff

Color spaces of #77f081

Type Values
RGB 119 240 129
HSL 0.35 0.8 0.7
HSV 125 50 94
CMYK 47.45 0 43.53 5.88
XYZ 42.7303 67.8271 31.6087
Hunter Lab 82.3572 -51.5115 34.9015
CIE-Lab 85.9199 -56.2773 43.2963

Base Numbers

BaseRedGreenBlue
Decimal 119 240 129
Binary 1110111 11110000 10000001
Octal 167 360 201
Hex 77 F0 81

Monochromatic Colors

#90ff9a
#a9ffb3
#c2ffcc
#dbffe5
#f4fffe
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#77f081 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#77F081 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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