Color #A7471D

Color info

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

RGB color model

#A7471D color RGB value is (167,71,29).

red value is 167;
green value is 71;
blue value is 29.

RGB:
(167,71,29)
(65%,28%,11%)

RGB channels and saturation

R 167 of 255 = 65%
G 71 of 255 = 28%
B 29 of 255 = 11%

167

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

Portions of RGB colors in percentages

R + G + B =
167 + 71 + 29 = 267 (100%)
R 167 of 267 ~ 62.55%
G 71 of 267 ~ 26.59%
B 29 of 267 ~ 10.86%

%62.55

%26.59

%10.86

CMYK color model

#A7471D color CMYK value is (0,57,83,35).

cyan value is 0.00%
magenta value is 57.49%
yellow value is 82.63%
key color value is 34.51%

CMYK:
(0,57,83,35)
C0M57Y83K35 
(0%,57%,83%,35%)
(0.00/0.57/0.83/0.35)

CMYK percentages

%57.49

%82.63

%34.51

Codes

Color #A7471D in popluar color models

	A7	47	1D
RGB	167	71	29
HSL	18°	70.41%	38.43%
HSB/HSV	18°	82.63%	65.49%
CMYK	0.00%	57.49%	82.63%
CMYK	34.51%

Color #A7471D in popluar number systems.

HEX	A7	47	1D
Decimal	167	71	29
Binary	10100111	1000111	11101
Octal	247	107	35

Shades and tints

Shades of #A7471D

#A7471D
(167,71,29)

#98411B
(152,65,27)

#893B19
(137,59,25)

#7A3517
(122,53,23)

#6B2F15
(107,47,21)

#5C2913
(92,41,19)

#4D2311
(77,35,17)

#3E1D0F
(62,29,15)

#2F170D
(47,23,13)

#20110B
(32,17,11)

#110B09
(17,11,9)

#000000
(0,0,0)

Tints of #A7471D

#A7471D
(167,71,29)

#AF5731
(175,87,49)

#B76745
(183,103,69)

#BF7759
(191,119,89)

#C7876D
(199,135,109)

#CF9781
(207,151,129)

#D7A795
(215,167,149)

#DFB7A9
(223,183,169)

#E7C7BD
(231,199,189)

#EFD7D1
(239,215,209)

#F7E7E5
(247,231,229)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A7471D color. Also use rgb(167,71,29) instead hex code.

Text Font Color

.myTextColor { color: #A7471D; }

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

This text font color is #A7471D.

Background Color

.myBgColor { background-color: #A7471D; }

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

This div background color is #A7471D.

Border color

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

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

This div border color is #A7471D.

Opacity

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

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

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

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

This text has shadow with #A7471D color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #A7471D.

Preview

Color preview on black background

This text has color #A7471D on black background.

Color preview on white background

This text has color #A7471D on white background.

Black color preview on #A7471D background

This text has black color on #A7471D background.

White color preview on #A7471D background

This text has white color on #A7471D background.