#709A72 Information

#709A72 color RGB value is (112 , 154 , 114) , HEX triplet: 70, 9a and 72. RGB value is (112 , 154 , 114). Sum of RGB (Red+Green+Blue) = 112+154+114=380 (Red value is 112 (43.92% from 255 or 52.09% from 215); Green value is 154 (60.39% from 255 or 71.63% from 215); Blue value is 114 (44.71% from 255 or 53.02% from 215); Max value from RGB is 154 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #709A72 hue: 0.34 , saturation: 0.17 and the lightness value of 709a72 is 0.52.

#709a72
(112 , 154 , 114)
  • R (112)
  • G (154)
  • B (114)
  • C (16.47)
  • M (0)
  • Y (15.69)
  • K (39.61)

Applying the #709a72

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

#6b956d
#669068
#618b63
#5c865e
#578159
#527c54
#4d774f
#48724a
#436d45
#3e6840
#39633b
#345e36
#7ca67e
#88b28a
#94be96
#a0caa2
#acd6ae
#b8e2ba
#c4eec6
#d0fad2
#dcffde
#e8ffea
#f4fff6
#ffffff

Color spaces of #709a72

Type Values
RGB 112 154 114
HSL 0.34 0.17 0.52
HSV 123 27 60
CMYK 16.47 0 15.69 39.61
XYZ 21.275 27.7709 20.1586
Hunter Lab 52.6981 -20.1583 14.2159
CIE-Lab 59.6812 -22.627 16.4956

Base Numbers

BaseRedGreenBlue
Decimal 112 154 114
Binary 1110000 10011010 1110010
Octal 160 232 162
Hex 70 9A 72

Monochromatic Colors

#89b38b
#a2cca4
#bbe5bd
#d4fed6
#edffef
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#709a72 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#709A72 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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