Color #AF3221

Color info

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

RGB color model

#AF3221 color RGB value is (175,50,33).

red value is 175;
green value is 50;
blue value is 33.

RGB: (175,50,33) (69%, 20%, 13%)

RGB channels and saturation

R 175 of 255 = 69%
G 50 of 255 = 20%
B 33 of 255 = 13%

175

50

33

R + G + B ~ 34%. #AF3221 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 175 + 50 + 33 = 258 (100%)
R 175 of 258 ~ 67.83%
G 50 of 258 ~ 19.38%
B 33 of 258 ~ 12.79'%

%67.83

%19.38

%12.79

CMYK color model

#AF3221 color CMYK value is (0,71,81,31).

cyan value is 0.00%
magenta value is 71.43%
yellow value is 81.14%
key color value is 31.37%

CMYK: (0,71,81,31)
C0M71Y81K31 (0%, 71%, 81%, 31%)
(0.00 / 0.71 / 0.81 / 0.31)

CMYK percentages

%0

%71.43

%81.14

%31.37

Codes

Color #AF3221 in popluar color models

	AF	32	21
RGB	175	50	33
HSL	7°	68.27%	40.78%
HSB/HSV	7°	81.14%	68.63%
CMYK	0.00%	71.43%	81.14%
CMYK	31.37%

Color #AF3221 in popluar number systems.

HEX	AF	32	21
Decimal	175	50	33
Binary	10101111	110010	100001
Octal	257	62	41

Shades and tints

Shades of #AF3221

#AF3221
(175,50,33)

#A02E1E
(160,46,30)

#912A1B
(145,42,27)

#822618
(130,38,24)

#732215
(115,34,21)

#641E12
(100,30,18)

#551A0F
(85,26,15)

#46160C
(70,22,12)

#371209
(55,18,9)

#280E06
(40,14,6)

#190A03
(25,10,3)

#000000
(0,0,0)

Tints of #AF3221

#AF3221
(175,50,33)

#B64435
(182,68,53)

#BD5649
(189,86,73)

#C4685D
(196,104,93)

#CB7A71
(203,122,113)

#D28C85
(210,140,133)

#D99E99
(217,158,153)

#E0B0AD
(224,176,173)

#E7C2C1
(231,194,193)

#EED4D5
(238,212,213)

#F5E6E9
(245,230,233)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AF3221 color. Also use rgb(175,50,33) instead hex code.

Text Font Color

.myTextColor { color: #AF3221; }

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

This text font color is #AF3221.

Background Color

.myBgColor { background-color: #AF3221; }

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

This div background color is #AF3221.

Border color

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

This div border color is #AF3221.

Opacity

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

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

This text has shadow with #AF3221 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #AF3221.