#586D96 Information

#586D96 color RGB value is (88 , 109 , 150) , HEX triplet: 58, 6d and 96. RGB value is (88 , 109 , 150). Sum of RGB (Red+Green+Blue) = 88+109+150=347 (Red value is 88 (34.51% from 255 or 40.93% from 215); Green value is 109 (42.75% from 255 or 50.7% from 215); Blue value is 150 (58.82% from 255 or 69.77% from 215); Max value from RGB is 150 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #586D96 hue: 0.61 , saturation: 0.26 and the lightness value of 586d96 is 0.47.

#586d96
(88 , 109 , 150)
  • R (88)
  • G (109)
  • B (150)
  • C (24.31)
  • M (16.08)
  • Y (0)
  • K (41.18)

Applying the #586d96

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

#536891
#4e638c
#495e87
#445982
#3f547d
#3a4f78
#354a73
#30456e
#2b4069
#263b64
#21365f
#1c315a
#6479a2
#7085ae
#7c91ba
#889dc6
#94a9d2
#a0b5de
#acc1ea
#b8cdf6
#c4d9ff
#d0e5ff
#dcf1ff
#e8fdff

Color spaces of #586d96

Type Values
RGB 88 109 150
HSL 0.61 0.26 0.47
HSV 220 41 59
CMYK 24.31 16.08 0 41.18
XYZ 14.9982 15.214 31.0003
Hunter Lab 39.0051 0.3777 -19.8018
CIE-Lab 45.9259 3.2684 -24.8037

Base Numbers

BaseRedGreenBlue
Decimal 88 109 150
Binary 1011000 1101101 10010110
Octal 130 155 226
Hex 58 6D 96

Monochromatic Colors

#7186af
#8a9fc8
#a3b8e1
#bcd1fa
#d5eaff
#eeffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#586d96 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#586D96 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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