#708B92 Information

#708B92 color RGB value is (112 , 139 , 146) , HEX triplet: 70, 8b and 92. RGB value is (112 , 139 , 146). Sum of RGB (Red+Green+Blue) = 112+139+146=397 (Red value is 112 (43.92% from 255 or 52.09% from 215); Green value is 139 (54.51% from 255 or 64.65% from 215); Blue value is 146 (57.25% from 255 or 67.91% from 215); Max value from RGB is 146 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #708B92 hue: 0.53 , saturation: 0.13 and the lightness value of 708b92 is 0.51.

#708b92
(112 , 139 , 146)
  • R (112)
  • G (139)
  • B (146)
  • C (13.33)
  • M (2.75)
  • Y (0)
  • K (42.75)

Applying the #708b92

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

#6b868d
#668188
#617c83
#5c777e
#577279
#526d74
#4d686f
#48636a
#435e65
#3e5960
#39545b
#344f56
#7c979e
#88a3aa
#94afb6
#a0bbc2
#acc7ce
#b8d3da
#c4dfe6
#d0ebf2
#dcf7fe
#e8ffff
#f4ffff
#ffffff

Color spaces of #708b92

Type Values
RGB 112 139 146
HSL 0.53 0.13 0.51
HSV 192 23 57
CMYK 13.33 2.75 0 42.75
XYZ 21.103 23.9853 30.7115
Hunter Lab 48.9748 -8.7908 -2.8848
CIE-Lab 56.0731 -7.895 -6.8988

Base Numbers

BaseRedGreenBlue
Decimal 112 139 146
Binary 1110000 10001011 10010010
Octal 160 213 222
Hex 70 8B 92

Monochromatic Colors

#89a4ab
#a2bdc4
#bbd6dd
#d4eff6
#edffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#708b92 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#708B92 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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