#709A74 Information

#709A74 color RGB value is (112 , 154 , 116) , HEX triplet: 70, 9a and 74. RGB value is (112 , 154 , 116). Sum of RGB (Red+Green+Blue) = 112+154+116=382 (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 116 (45.49% from 255 or 53.95% from 215); Max value from RGB is 154 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #709A74 hue: 0.35 , saturation: 0.17 and the lightness value of 709a74 is 0.52.

#709a74
(112 , 154 , 116)
  • R (112)
  • G (154)
  • B (116)
  • C (16.47)
  • M (0)
  • Y (14.9)
  • K (39.61)

Applying the #709a74

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

#6b956f
#66906a
#618b65
#5c8660
#57815b
#527c56
#4d7751
#48724c
#436d47
#3e6842
#39633d
#345e38
#7ca680
#88b28c
#94be98
#a0caa4
#acd6b0
#b8e2bc
#c4eec8
#d0fad4
#dcffe0
#e8ffec
#f4fff8
#ffffff

Color spaces of #709a74

Type Values
RGB 112 154 116
HSL 0.35 0.17 0.52
HSV 126 27 60
CMYK 16.47 0 14.9 39.61
XYZ 21.3901 27.8169 20.7648
Hunter Lab 52.7417 -19.9048 13.584
CIE-Lab 59.723 -22.2606 15.4363

Base Numbers

BaseRedGreenBlue
Decimal 112 154 116
Binary 1110000 10011010 1110100
Octal 160 232 164
Hex 70 9A 74

Monochromatic Colors

#89b38d
#a2cca6
#bbe5bf
#d4fed8
#edfff1
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#709a74 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#709A74 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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