#72FA6D Information

#72FA6D color RGB value is (114 , 250 , 109) , HEX triplet: 72, fa and 6d. RGB value is (114 , 250 , 109). Sum of RGB (Red+Green+Blue) = 114+250+109=473 (Red value is 114 (44.71% from 255 or 53.02% from 215); Green value is 250 (98.04% from 255 or 116.28% from 215); Blue value is 109 (42.75% from 255 or 50.7% from 215); Max value from RGB is 250 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #72FA6D hue: 0.33 , saturation: 0.93 and the lightness value of 72fa6d is 0.7.

#72fa6d
(114 , 250 , 109)
  • R (114)
  • G (250)
  • B (109)
  • C (53.33)
  • M (0)
  • Y (55.29)
  • K (1.96)

Applying the #72fa6d

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

#6df568
#68f063
#63eb5e
#5ee659
#59e154
#54dc4f
#4fd74a
#4ad245
#45cd40
#40c83b
#3bc336
#36be31
#7eff79
#8aff85
#96ff91
#a2ff9d
#aeffa9
#baffb5
#c6ffc1
#d2ffcd
#deffd9
#eaffe5
#f6fff1
#fffffd

Color spaces of #72fa6d

Type Values
RGB 114 250 109
HSL 0.33 0.93 0.7
HSV 118 56 98
CMYK 53.33 0 55.29 1.96
XYZ 43.8854 73.0527 26.2556
Hunter Lab 85.4709 -57.922 41.6217
CIE-Lab 88.4729 -63.8607 55.6406

Base Numbers

BaseRedGreenBlue
Decimal 114 250 109
Binary 1110010 11111010 1101101
Octal 162 372 155
Hex 72 FA 6D

Monochromatic Colors

#8bff86
#a4ff9f
#bdffb8
#d6ffd1
#efffea
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#72fa6d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#72FA6D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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