#585B6F Information

#585B6F color RGB value is (88 , 91 , 111) , HEX triplet: 58, 5b and 6f. RGB value is (88 , 91 , 111). Sum of RGB (Red+Green+Blue) = 88+91+111=290 (Red value is 88 (34.51% from 255 or 40.93% from 215); Green value is 91 (35.69% from 255 or 42.33% 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 #585B6F hue: 0.64 , saturation: 0.12 and the lightness value of 585b6f is 0.39.

#585b6f
(88 , 91 , 111)
  • R (88)
  • G (91)
  • B (111)
  • C (9.02)
  • M (7.84)
  • Y (0)
  • K (56.47)

Applying the #585b6f

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

#53566a
#4e5165
#494c60
#44475b
#3f4256
#3a3d51
#35384c
#303347
#2b2e42
#26293d
#212438
#1c1f33
#64677b
#707387
#7c7f93
#888b9f
#9497ab
#a0a3b7
#acafc3
#b8bbcf
#c4c7db
#d0d3e7
#dcdff3
#e8ebff

Color spaces of #585b6f

Type Values
RGB 88 91 111
HSL 0.64 0.12 0.39
HSV 232 21 44
CMYK 9.02 7.84 0 56.47
XYZ 10.6348 10.7046 16.5446
Hunter Lab 32.7178 0.7648 -7.0685
CIE-Lab 39.0784 3.5287 -11.7613

Base Numbers

BaseRedGreenBlue
Decimal 88 91 111
Binary 1011000 1011011 1101111
Octal 130 133 157
Hex 58 5B 6F

Monochromatic Colors

#717488
#8a8da1
#a3a6ba
#bcbfd3
#d5d8ec
#eef1ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#585b6f Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#585B6F Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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