COLOR #581712

HEX: #581712
RGB: (88,23,18)

Color info

#581712 contains mainly red color. Web safe color of #581712 is #660000 (or #600).

RGB color model

#581712 color RGB value is (88,23,18).

  • red value is 88;
  • green value is 23;
  • blue value is 18.
RGB: (88,23,18) (35%,9%,7%)

RGB channels and saturation

R 88 of 255 = 35%
G 23 of 255 = 9%
B 18 of 255 = 7%

88
23
18

R + G + B ~ 17%. #581712 is dark color.

Portions of RGB colors in percentages

R + G + B =
88 + 23 + 18 = 129 (100%)
R 88 of 129 ~ 68.22%
G 23 of 129 ~ 17.83%
B 18 of 129 ~ 13.95%

%68.22
%17.83
%13.95

CMYK color model

#581712 color CMYK value is (0,74,80,65).

  • cyan value is 0.00%
  • magenta value is 73.86%
  • yellow value is 79.55%
  • key color value is 65.49%
CMYK: (0,74,80,65) C0M74Y80K65 (0%,74%,80%,65%) (0.00/0.74/0.80/0.65)

CMYK percentages

%0
%73.86
%79.55
%65.49

Codes

Color #581712 in popluar color models

581712
RGB882318
HSL66.04%20.78%
HSB/HSV79.55%34.51%
CMYK0.00%73.86%79.55%
65.49%

Color #581712 in popluar number systems.

HEX581712
Decimal882318
Binary10110001011110010
Octal1302722

Shades and tints

Shades of #581712

#581712
(88,23,18)
#501511
(80,21,17)
#481310
(72,19,16)
#40110F
(64,17,15)
#380F0E
(56,15,14)
#300D0D
(48,13,13)
#280B0C
(40,11,12)
#20090B
(32,9,11)
#18070A
(24,7,10)
#100509
(16,5,9)
#080308
(8,3,8)
#000000
(0,0,0)

Tints of #581712

#581712
(88,23,18)
#672C27
(103,44,39)
#76413C
(118,65,60)
#855651
(133,86,81)
#946B66
(148,107,102)
#A3807B
(163,128,123)
#B29590
(178,149,144)
#C1AAA5
(193,170,165)
#D0BFBA
(208,191,186)
#DFD4CF
(223,212,207)
#EEE9E4
(238,233,228)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #581712 color. Also use rgb(88,23,18) instead hex code.

Text Font Color

.myTextColor { color: #581712; }

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

This text font color is #581712.


Background Color

.myBgColor { background-color: #581712; }

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

This div background color is #581712.


Border color

.myBorderColor { border: 1px solid #581712; }

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

This div border color is #581712.


Opacity

.myOpacity80 { color: #581712; opacity: 0.8; }

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

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

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

This text has shadow with #581712 color.

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

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

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


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

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

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


Div box shadow color

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

Preview

Color preview on black background

This text has color #581712 on black background.


Color preview on white background

This text has color #581712 on white background.



Black color preview on #581712 background

This text has black color on #581712 background.


White color preview on #581712 background

This text has white color on #581712 background.