#5991CD Information

#5991CD color RGB value is (89 , 145 , 205) , HEX triplet: 59, 91 and cd. RGB value is (89 , 145 , 205). Sum of RGB (Red+Green+Blue) = 89+145+205=439 (Red value is 89 (34.9% from 255 or 41.4% from 215); Green value is 145 (56.86% from 255 or 67.44% from 215); Blue value is 205 (80.39% from 255 or 95.35% from 215); Max value from RGB is 205 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #5991CD hue: 0.59 , saturation: 0.54 and the lightness value of 5991cd is 0.58.

#5991cd
(89 , 145 , 205)
  • R (89)
  • G (145)
  • B (205)
  • C (45.49)
  • M (23.53)
  • Y (0)
  • K (19.61)

Applying the #5991cd

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

#548cc8
#4f87c3
#4a82be
#457db9
#4078b4
#3b73af
#366eaa
#3169a5
#2c64a0
#275f9b
#225a96
#1d5591
#659dd9
#71a9e5
#7db5f1
#89c1fd
#95cdff
#a1d9ff
#ade5ff
#b9f1ff
#c5fdff
#d1ffff
#ddffff
#e9ffff

Color spaces of #5991cd

Type Values
RGB 89 145 205
HSL 0.59 0.54 0.58
HSV 211 57 80
CMYK 45.49 23.53 0 19.61
XYZ 25.2647 26.7824 61.5955
Hunter Lab 51.7517 -3.4234 -34.3162
CIE-Lab 58.7724 -0.809 -36.4913

Base Numbers

BaseRedGreenBlue
Decimal 89 145 205
Binary 1011001 10010001 11001101
Octal 131 221 315
Hex 59 91 CD

Monochromatic Colors

#72aae6
#8bc3ff
#a4dcff
#bdf5ff
#d6ffff
#efffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#5991cd Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#5991CD Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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