#59688D Information

#59688D color RGB value is (89 , 104 , 141) , HEX triplet: 59, 68 and 8d. RGB value is (89 , 104 , 141). Sum of RGB (Red+Green+Blue) = 89+104+141=334 (Red value is 89 (34.9% from 255 or 41.4% from 215); Green value is 104 (40.78% from 255 or 48.37% from 215); Blue value is 141 (55.29% from 255 or 65.58% from 215); Max value from RGB is 141 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #59688D hue: 0.62 , saturation: 0.23 and the lightness value of 59688d is 0.45.

#59688d
(89 , 104 , 141)
  • R (89)
  • G (104)
  • B (141)
  • C (20.39)
  • M (14.51)
  • Y (0)
  • K (44.71)

Applying the #59688d

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

#546388
#4f5e83
#4a597e
#455479
#404f74
#3b4a6f
#36456a
#314065
#2c3b60
#27365b
#223156
#1d2c51
#657499
#7180a5
#7d8cb1
#8998bd
#95a4c9
#a1b0d5
#adbce1
#b9c8ed
#c5d4f9
#d1e0ff
#ddecff
#e9f8ff

Color spaces of #59688d

Type Values
RGB 89 104 141
HSL 0.62 0.23 0.45
HSV 223 37 55
CMYK 20.39 14.51 0 44.71
XYZ 13.8779 13.9476 27.16
Hunter Lab 37.3464 0.9741 -16.9605
CIE-Lab 44.1576 3.988 -22.1783

Base Numbers

BaseRedGreenBlue
Decimal 89 104 141
Binary 1011001 1101000 10001101
Octal 131 150 215
Hex 59 68 8D

Monochromatic Colors

#7281a6
#8b9abf
#a4b3d8
#bdccf1
#d6e5ff
#effeff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#59688d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#59688D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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