#594E78 Information

#594E78 color RGB value is (89 , 78 , 120) , HEX triplet: 59, 4e and 78. RGB value is (89 , 78 , 120). Sum of RGB (Red+Green+Blue) = 89+78+120=287 (Red value is 89 (34.9% from 255 or 41.4% from 215); Green value is 78 (30.59% from 255 or 36.28% from 215); Blue value is 120 (47.06% from 255 or 55.81% from 215); Max value from RGB is 120 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #594E78 hue: 0.71 , saturation: 0.21 and the lightness value of 594e78 is 0.39.

#594e78
(89 , 78 , 120)
  • R (89)
  • G (78)
  • B (120)
  • C (12.16)
  • M (16.47)
  • Y (0)
  • K (52.94)

Applying the #594e78

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

#544973
#4f446e
#4a3f69
#453a64
#40355f
#3b305a
#362b55
#312650
#2c214b
#271c46
#221741
#1d123c
#655a84
#716690
#7d729c
#897ea8
#958ab4
#a196c0
#ada2cc
#b9aed8
#c5bae4
#d1c6f0
#ddd2fc
#e9deff

Color spaces of #594e78

Type Values
RGB 89 78 120
HSL 0.71 0.21 0.39
HSV 256 35 47
CMYK 12.16 16.47 0 52.94
XYZ 10.2344 8.9287 18.9533
Hunter Lab 29.8809 8.8458 -16.6773
CIE-Lab 35.8466 14.3957 -22.2797

Base Numbers

BaseRedGreenBlue
Decimal 89 78 120
Binary 1011001 1001110 1111000
Octal 131 116 170
Hex 59 4E 78

Monochromatic Colors

#726791
#8b80aa
#a499c3
#bdb2dc
#d6cbf5
#efe4ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#594e78 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#594E78 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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