COLOR #585B64

HEX: #585B64
RGB: (88,91,100)

Color info

#585B64 contains red, green and blue colors in about the same proportion. Web safe color of #585B64 is #666666 (or #666).

RGB color model

#585B64 color RGB value is (88,91,100).

  • red value is 88;
  • green value is 91;
  • blue value is 100.
RGB:
(88,91,100)
(35%,36%,39%)

RGB channels and saturation

R 88 of 255 = 35%
G 91 of 255 = 36%
B 100 of 255 = 39%

88
91
100

R + G + B ~ 37%. #585B64 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
88 + 91 + 100 = 279 (100%)
R 88 of 279 ~ 31.54%
G 91 of 279 ~ 32.62%
B 100 of 279 ~ 35.84%

%31.54
%32.62
%35.84

CMYK color model

#585B64 color CMYK value is (12,9,0,61).

  • cyan value is 12.00%
  • magenta value is 9.00%
  • yellow value is 0.00%
  • key color value is 60.78%
CMYK:
(12,9,0,61)
C12M9Y0K61 
(12%,9%,0%,61%)
(0.12/0.09/0.00/0.61)	

CMYK percentages

%12
%9
%0
%60.78

Codes

Color #585B64 in popluar color models

585B64
RGB8891100
HSL225°6.38%36.86%
HSB/HSV225°12.00%39.22%
CMYK12.00%9.00%0.00%
60.78%

Color #585B64 in popluar number systems.

HEX585B64
Decimal8891100
Binary101100010110111100100
Octal130133144

Shades and tints

Shades of #585B64

#585B64
(88,91,100)
#50535B
(80,83,91)
#484B52
(72,75,82)
#404349
(64,67,73)
#383B40
(56,59,64)
#303337
(48,51,55)
#282B2E
(40,43,46)
#202325
(32,35,37)
#181B1C
(24,27,28)
#101313
(16,19,19)
#080B0A
(8,11,10)
#000000
(0,0,0)

Tints of #585B64

#585B64
(88,91,100)
#676972
(103,105,114)
#767780
(118,119,128)
#85858E
(133,133,142)
#94939C
(148,147,156)
#A3A1AA
(163,161,170)
#B2AFB8
(178,175,184)
#C1BDC6
(193,189,198)
#D0CBD4
(208,203,212)
#DFD9E2
(223,217,226)
#EEE7F0
(238,231,240)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #585B64 color. Also use rgb(88,91,100) instead hex code.

Text Font Color

.myTextColor { color: #585B64; }

<p style="color:#585B64">This sample text font color is #585B64.</p>

This text font color is #585B64.


Background Color

.myBgColor { background-color: #585B64; }

<div style="background-color:#585B64">Inner text</div>

This div background color is #585B64.


Border color

.myBorderColor { border: 1px solid #585B64; }

<div style="border:3px solid #585B64">Div</div>

This div border color is #585B64.


Opacity

.myOpacity80 { color: #585B64; opacity: 0.8; }

<p style="color:#585B64;opacity:0.8;">80%</p>

Text with #585B64 color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.

Background with opacity value 80%.

Background with opacity value 50%.

Background with opacity value 30%.

Text shadow color

.textShadow {text-shadow: 3px 3px 1px #585B64;}

<p style="text-shadow: 3px 3px 1px #585B64">Text here.</p>

This text has shadow with #585B64 color.

.textShadow {text-shadow: 3px 3px 1px #585B64, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #585B64, 5px 5px 20px red">Text here.</p>

This text has shadow with #585B64 primary color and red secondary color.


Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#585B64, Direction=45, Strength=4)}

<p style="filter: Shadow(Color=#585B64, Direction=45, Strength=4)">Text</p>

This text has shadow with #585B64 and red colors in old Internet Explorer.


Div box shadow color

/* css code */
.divShadow
{
  -moz-box-shadow:	1px 1px 3px 2px #585B64;
  -webkit-box-shadow:	1px 1px 3px 2px #585B64;
  box-shadow:		1px 1px 3px 2px #585B64;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #585B64;
-webkit-box-shadow: 1px 1px 3px 2px #585B64;
box-shadow:1px 1px 3px 2px #585B64;">
Div content here</div>
This div box has shadow with color #585B64.

Preview

Color preview on black background

This text has color #585B64 on black background.


Color preview on white background

This text has color #585B64 on white background.



Black color preview on #585B64 background

This text has black color on #585B64 background.


White color preview on #585B64 background

This text has white color on #585B64 background.