COLOR #584F72

HEX: #584F72
RGB: (88,79,114)

Color info

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

RGB color model

#584F72 color RGB value is (88,79,114).

  • red value is 88;
  • green value is 79;
  • blue value is 114.
RGB:
(88,79,114)
(35%,31%,45%)

RGB channels and saturation

R 88 of 255 = 35%
G 79 of 255 = 31%
B 114 of 255 = 45%

88
79
114

R + G + B ~ 37%. #584F72 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
88 + 79 + 114 = 281 (100%)
R 88 of 281 ~ 31.32%
G 79 of 281 ~ 28.11%
B 114 of 281 ~ 40.57%

%31.32
%28.11
%40.57

CMYK color model

#584F72 color CMYK value is (23,31,0,55).

  • cyan value is 22.81%
  • magenta value is 30.70%
  • yellow value is 0.00%
  • key color value is 55.29%
CMYK:
(23,31,0,55)
C23M31Y0K55 
(23%,31%,0%,55%)
(0.23/0.31/0.00/0.55)	

CMYK percentages

%22.81
%30.7
%0
%55.29

Codes

Color #584F72 in popluar color models

584F72
RGB8879114
HSL255°18.13%37.84%
HSB/HSV255°30.70%44.71%
CMYK22.81%30.70%0.00%
55.29%

Color #584F72 in popluar number systems.

HEX584F72
Decimal8879114
Binary101100010011111110010
Octal130117162

Shades and tints

Shades of #584F72

#584F72
(88,79,114)
#504868
(80,72,104)
#48415E
(72,65,94)
#403A54
(64,58,84)
#38334A
(56,51,74)
#302C40
(48,44,64)
#282536
(40,37,54)
#201E2C
(32,30,44)
#181722
(24,23,34)
#101018
(16,16,24)
#08090E
(8,9,14)
#000000
(0,0,0)

Tints of #584F72

#584F72
(88,79,114)
#675F7E
(103,95,126)
#766F8A
(118,111,138)
#857F96
(133,127,150)
#948FA2
(148,143,162)
#A39FAE
(163,159,174)
#B2AFBA
(178,175,186)
#C1BFC6
(193,191,198)
#D0CFD2
(208,207,210)
#DFDFDE
(223,223,222)
#EEEFEA
(238,239,234)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #584F72 color. Also use rgb(88,79,114) instead hex code.

Text Font Color

.myTextColor { color: #584F72; }

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

This text font color is #584F72.


Background Color

.myBgColor { background-color: #584F72; }

<div style="background-color:#584F72">Inner text</div>

This div background color is #584F72.


Border color

.myBorderColor { border: 1px solid #584F72; }

<div style="border:3px solid #584F72">Div</div>

This div border color is #584F72.


Opacity

.myOpacity80 { color: #584F72; opacity: 0.8; }

<p style="color:#584F72;opacity:0.8;">80%</p>

Text with #584F72 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 #584F72;}

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

This text has shadow with #584F72 color.

.textShadow {text-shadow: 3px 3px 1px #584F72, 3px 3px 1px red;}

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

This text has shadow with #584F72 primary color and red secondary color.


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

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

This text has shadow with #584F72 and red colors in old Internet Explorer.


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #584F72 on black background.


Color preview on white background

This text has color #584F72 on white background.



Black color preview on #584F72 background

This text has black color on #584F72 background.


White color preview on #584F72 background

This text has white color on #584F72 background.