COLOR #583A46

HEX: #583A46 RGB: (88,58,70)

Color info

#583A46 contains red, green and blue colors in about the same proportion. Web safe color of #583A46 is #663333 (or #633).

RGB color model

#583A46 color RGB value is (88,58,70).

RGB: (88,58,70) (35%, 23%, 27%)

RGB channels and saturation

R 88 of 255 = 35%
G 58 of 255 = 23%
B 70 of 255 = 27%

88
58
70

R + G + B ~ 28%. #583A46 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 88 + 58 + 70 = 216 (100%)
R 88 of 216 ~ 40.74%
G 58 of 216 ~ 26.85%
B 70 of 216 ~ 32.41'%

%40.74
%26.85
%32.41

CMYK color model

#583A46 color CMYK value is (0,34,20,65).

  • cyan value is 0.00%
  • magenta value is 34.09%
  • yellow value is 20.45%
  • key color value is 65.49%

CMYK: (0,34,20,65)
C0M34Y20K65 (0%, 34%, 20%, 65%)
(0.00 / 0.34 / 0.20 / 0.65)

CMYK percentages

%0
%34.09
%20.45
%65.49

Codes

Color #583A46 in popluar color models

58 3A 46
RGB 88 58 70
HSL 336° 20.55% 28.63%
HSB/HSV 336° 34.09% 34.51%
CMYK 0.00% 34.09% 20.45%
65.49%

Color #583A46 in popluar number systems.

HEX 58 3A 46
Decimal 88 58 70
Binary 1011000 111010 1000110
Octal 130 72 106

Shades and tints

Shades of #583A46

#583A46
(88,58,70)
#503540
(80,53,64)
#48303A
(72,48,58)
#402B34
(64,43,52)
#38262E
(56,38,46)
#302128
(48,33,40)
#281C22
(40,28,34)
#20171C
(32,23,28)
#181216
(24,18,22)
#100D10
(16,13,16)
#08080A
(8,8,10)
#000000
(0,0,0)

Tints of #583A46

#583A46
(88,58,70)
#674B56
(103,75,86)
#765C66
(118,92,102)
#856D76
(133,109,118)
#947E86
(148,126,134)
#A38F96
(163,143,150)
#B2A0A6
(178,160,166)
#C1B1B6
(193,177,182)
#D0C2C6
(208,194,198)
#DFD3D6
(223,211,214)
#EEE4E6
(238,228,230)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #583A46 color. Also use rgb(88,58,70) instead hex code.

Text Font Color

.myTextColor { color: #583A46; }

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

This text font color is #583A46.

Background Color

.myBgColor { background-color: #583A46; }

<div style="background-color:#583A46">Inner text</div>

This div background color is #583A46.

Border color

.myBorderColor { border: 1px solid #583A46; }

<div style="border:3px solid #583A46">Div</div>

This div border color is #583A46.

Opacity

.myOpacity80 { color: #583A46; opacity: 0.8; }

<p style="color:#583A46;opacity:0.8;">80%</p>

Text with #583A46 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 #583A46;}

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

This text has shadow with #583A46 color.


.textShadow {text-shadow: 3px 3px 1px #583A46', 3px 3px 1px red;}

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

This text has shadow with #583A46 primary color and red secondary color.


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

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

This text has shadow with #583A46 and red colors in old Internet Explorer.

Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #583A46; -webkit-box-shadow: 1px 1px 3px 2px #583A46; box-shadow:1px 1px 3px 2px #583A46;">
Div content here
</div>

This div box has shadow with color #583A46.

Preview

Color preview on black background

This text has color #583A46 on black background.


Color preview on white background

This text has color #583A46 on white background.


Black color preview on #583A46 background

This text has black color on #583A46 background.


White color preview on #583A46 background

This text has white color on #583A46 background.


Related colors

Complementary color

Complementary color for #hex is #A7C5B9.


I love getcolorcode.com

Triadic colors

1 #46583A and #3A4658 with #583A46 are triadic colors.

2 #463A58 and #3A5846 with #583A46 are triadic colors.