#594C6F Information

#594C6F color RGB value is (89 , 76 , 111) , HEX triplet: 59, 4c and 6f. RGB value is (89 , 76 , 111). Sum of RGB (Red+Green+Blue) = 89+76+111=276 (Red value is 89 (34.9% from 255 or 41.4% from 215); Green value is 76 (29.8% from 255 or 35.35% from 215); Blue value is 111 (43.53% from 255 or 51.63% from 215); Max value from RGB is 111 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #594C6F hue: 0.73 , saturation: 0.19 and the lightness value of 594c6f is 0.37.

#594c6f
(89 , 76 , 111)
  • R (89)
  • G (76)
  • B (111)
  • C (8.63)
  • M (13.73)
  • Y (0)
  • K (56.47)

Applying the #594c6f

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

#54476a
#4f4265
#4a3d60
#45385b
#403356
#3b2e51
#36294c
#312447
#2c1f42
#271a3d
#221538
#1d1033
#65587b
#716487
#7d7093
#897c9f
#9588ab
#a194b7
#ada0c3
#b9accf
#c5b8db
#d1c4e7
#ddd0f3
#e9dcff

Color spaces of #594c6f

Type Values
RGB 89 76 111
HSL 0.73 0.19 0.37
HSV 262 32 44
CMYK 8.63 13.73 0 56.47
XYZ 9.5735 8.4404 16.1635
Hunter Lab 29.0524 7.9787 -12.638
CIE-Lab 34.8838 13.3114 -18.1675

Base Numbers

BaseRedGreenBlue
Decimal 89 76 111
Binary 1011001 1001100 1101111
Octal 131 114 157
Hex 59 4C 6F

Monochromatic Colors

#726588
#8b7ea1
#a497ba
#bdb0d3
#d6c9ec
#efe2ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#594c6f Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#594C6F Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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