COLOR #A7372C

HEX: #A7372C RGB: (167,55,44)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#A7372C contains mainly red color. Web safe color of #A7372C is #993333 (or #933).

RGB color model

#A7372C color RGB value is (167,55,44).

red value is 167;
green value is 55;
blue value is 44.

RGB: (167,55,44) (65%, 22%, 17%)

RGB channels and saturation

R 167 of 255 = 65%
G 55 of 255 = 22%
B 44 of 255 = 17%

167

R + G + B ~ 35%. #A7372C is quite dark color.

Portions of RGB colors in percentages

R + G + B = 167 + 55 + 44 = 266 (100%)
R 167 of 266 ~ 62.78%
G 55 of 266 ~ 20.68%
B 44 of 266 ~ 16.54'%

%62.78

%20.68

%16.54

CMYK color model

#A7372C color CMYK value is (0,67,74,35).

cyan value is 0.00%
magenta value is 67.07%
yellow value is 73.65%
key color value is 34.51%

CMYK: (0,67,74,35) C0M67Y74K35 (0%,67%,74%,35%) (0.00/0.67/0.74/0.35)

CMYK percentages

%67.07

%73.65

%34.51

Codes

Color #A7372C in popluar color models

	A7	37	2C
RGB	167	55	44
HSL	5°	58.29%	41.37%
HSB/HSV	5°	73.65%	65.49%
CMYK	0.00%	67.07%	73.65%
CMYK	34.51%

Color #A7372C in popluar number systems.

HEX	A7	37	2C
Decimal	167	55	44
Binary	10100111	110111	101100
Octal	247	67	54

Shades and tints

Shades of #A7372C

#A7372C
(167,55,44)

#983228
(152,50,40)

#892D24
(137,45,36)

#7A2820
(122,40,32)

#6B231C
(107,35,28)

#5C1E18
(92,30,24)

#4D1914
(77,25,20)

#3E1410
(62,20,16)

#2F0F0C
(47,15,12)

#200A08
(32,10,8)

#110504
(17,5,4)

#000000
(0,0,0)

Tints of #A7372C

#A7372C
(167,55,44)

#AF493F
(175,73,63)

#B75B52
(183,91,82)

#BF6D65
(191,109,101)

#C77F78
(199,127,120)

#CF918B
(207,145,139)

#D7A39E
(215,163,158)

#DFB5B1
(223,181,177)

#E7C7C4
(231,199,196)

#EFD9D7
(239,217,215)

#F7EBEA
(247,235,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A7372C color. Also use rgb(167,55,44) instead hex code.

Text Font Color

.myTextColor { color: #A7372C; }

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

This text font color is #A7372C.

Background Color

.myBgColor { background-color: #A7372C; }

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

This div background color is #A7372C.

Border color

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

This div border color is #A7372C.

Opacity

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

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

This text has shadow with #A7372C color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #A7372C.