COLOR #AF223F

HEX: #AF223F RGB: (175,34,63)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#AF223F color RGB value is (175,34,63).

red value is 175;
green value is 34;
blue value is 63.

RGB: (175,34,63) (69%, 13%, 25%)

RGB channels and saturation

R 175 of 255 = 69%
G 34 of 255 = 13%
B 63 of 255 = 25%

175

R + G + B ~ 36%. #AF223F is quite dark color.

Portions of RGB colors in percentages

R + G + B = 175 + 34 + 63 = 272 (100%)
R 175 of 272 ~ 64.34%
G 34 of 272 ~ 12.5%
B 63 of 272 ~ 23.16'%

%64.34

%12.5

%23.16

CMYK color model

#AF223F color CMYK value is (0,81,64,31).

cyan value is 0.00%
magenta value is 80.57%
yellow value is 64.00%
key color value is 31.37%

CMYK: (0,81,64,31) C0M81Y64K31 (0%,81%,64%,31%) (0.00/0.81/0.64/0.31)

CMYK percentages

%80.57

%64

%31.37

Codes

Color #AF223F in popluar color models

	AF	22	3F
RGB	175	34	63
HSL	348°	67.46%	40.98%
HSB/HSV	348°	80.57%	68.63%
CMYK	0.00%	80.57%	64.00%
CMYK	31.37%

Color #AF223F in popluar number systems.

HEX	AF	22	3F
Decimal	175	34	63
Binary	10101111	100010	111111
Octal	257	42	77

Shades and tints

Shades of #AF223F

#AF223F
(175,34,63)

#A01F3A
(160,31,58)

#911C35
(145,28,53)

#821930
(130,25,48)

#73162B
(115,22,43)

#641326
(100,19,38)

#551021
(85,16,33)

#460D1C
(70,13,28)

#370A17
(55,10,23)

#280712
(40,7,18)

#19040D
(25,4,13)

#000000
(0,0,0)

Tints of #AF223F

#AF223F
(175,34,63)

#B63650
(182,54,80)

#BD4A61
(189,74,97)

#C45E72
(196,94,114)

#CB7283
(203,114,131)

#D28694
(210,134,148)

#D99AA5
(217,154,165)

#E0AEB6
(224,174,182)

#E7C2C7
(231,194,199)

#EED6D8
(238,214,216)

#F5EAE9
(245,234,233)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AF223F color. Also use rgb(175,34,63) instead hex code.

Text Font Color

.myTextColor { color: #AF223F; }

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

This text font color is #AF223F.

Background Color

.myBgColor { background-color: #AF223F; }

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

This div background color is #AF223F.

Border color

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

This div border color is #AF223F.

Opacity

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

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

This text has shadow with #AF223F color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #AF223F.