#709A93 Information

#709A93 color RGB value is (112 , 154 , 147) , HEX triplet: 70, 9a and 93. RGB value is (112 , 154 , 147). Sum of RGB (Red+Green+Blue) = 112+154+147=413 (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 147 (57.65% from 255 or 68.37% from 215); Max value from RGB is 154 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #709A93 hue: 0.47 , saturation: 0.17 and the lightness value of 709a93 is 0.52.

#709a93
(112 , 154 , 147)
  • R (112)
  • G (154)
  • B (147)
  • C (16.47)
  • M (0)
  • Y (2.75)
  • K (39.61)

Applying the #709a93

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

#6b958e
#669089
#618b84
#5c867f
#57817a
#527c75
#4d7770
#48726b
#436d66
#3e6861
#39635c
#345e57
#7ca69f
#88b2ab
#94beb7
#a0cac3
#acd6cf
#b8e2db
#c4eee7
#d0faf3
#dcffff
#e8ffff
#f4ffff
#ffffff

Color spaces of #709a93

Type Values
RGB 112 154 147
HSL 0.47 0.17 0.52
HSV 170 27 60
CMYK 16.47 0 2.75 39.61
XYZ 23.5042 28.6625 31.8974
Hunter Lab 53.5374 -15.3245 2.1635
CIE-Lab 60.4826 -15.8286 -0.963

Base Numbers

BaseRedGreenBlue
Decimal 112 154 147
Binary 1110000 10011010 10010011
Octal 160 232 223
Hex 70 9A 93

Monochromatic Colors

#89b3ac
#a2ccc5
#bbe5de
#d4fef7
#edffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#709a93 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#709A93 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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