#586F72 Information

#586F72 color RGB value is (88 , 111 , 114) , HEX triplet: 58, 6f and 72. RGB value is (88 , 111 , 114). Sum of RGB (Red+Green+Blue) = 88+111+114=313 (Red value is 88 (34.51% from 255 or 40.93% from 215); Green value is 111 (43.53% from 255 or 51.63% from 215); Blue value is 114 (44.71% from 255 or 53.02% from 215); Max value from RGB is 114 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #586F72 hue: 0.52 , saturation: 0.13 and the lightness value of 586f72 is 0.4.

#586f72
(88 , 111 , 114)
  • R (88)
  • G (111)
  • B (114)
  • C (10.2)
  • M (1.18)
  • Y (0)
  • K (55.29)

Applying the #586f72

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

#536a6d
#4e6568
#496063
#445b5e
#3f5659
#3a5154
#354c4f
#30474a
#2b4245
#263d40
#21383b
#1c3336
#647b7e
#70878a
#7c9396
#889fa2
#94abae
#a0b7ba
#acc3c6
#b8cfd2
#c4dbde
#d0e7ea
#dcf3f6
#e8ffff

Color spaces of #586f72

Type Values
RGB 88 111 114
HSL 0.52 0.13 0.4
HSV 187 23 45
CMYK 10.2 1.18 0 55.29
XYZ 12.7462 14.6585 18.0772
Hunter Lab 38.2864 -7.5753 -1.184
CIE-Lab 45.1629 -7.7052 -4.4693

Base Numbers

BaseRedGreenBlue
Decimal 88 111 114
Binary 1011000 1101111 1110010
Octal 130 157 162
Hex 58 6F 72

Monochromatic Colors

#71888b
#8aa1a4
#a3babd
#bcd3d6
#d5ecef
#eeffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#586f72 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#586F72 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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