#77F072 Information

#77F072 color RGB value is (119 , 240 , 114) , HEX triplet: 77, f0 and 72. RGB value is (119 , 240 , 114). Sum of RGB (Red+Green+Blue) = 119+240+114=473 (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 114 (44.71% from 255 or 53.02% from 215); Max value from RGB is 240 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #77F072 hue: 0.33 , saturation: 0.81 and the lightness value of 77f072 is 0.69.

#77f072
(119 , 240 , 114)
  • R (119)
  • G (240)
  • B (114)
  • C (47.45)
  • M (0)
  • Y (49.41)
  • K (5.88)

Applying the #77f072

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

#72eb6d
#6de668
#68e163
#63dc5e
#5ed759
#59d254
#54cd4f
#4fc84a
#4ac345
#45be40
#40b93b
#3bb436
#83fc7e
#8fff8a
#9bff96
#a7ffa2
#b3ffae
#bfffba
#cbffc6
#d7ffd2
#e3ffde
#efffea
#fbfff6
#ffffff

Color spaces of #77f072

Type Values
RGB 119 240 114
HSL 0.33 0.81 0.69
HSV 118 53 94
CMYK 47.45 0 49.41 5.88
XYZ 41.8051 67.457 26.7367
Hunter Lab 82.1322 -52.8748 38.1974
CIE-Lab 85.7342 -58.2615 50.1629

Base Numbers

BaseRedGreenBlue
Decimal 119 240 114
Binary 1110111 11110000 1110010
Octal 167 360 162
Hex 77 F0 72

Monochromatic Colors

#90ff8b
#a9ffa4
#c2ffbd
#dbffd6
#f4ffef
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#77f072 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#77F072 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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