Color #A14857

Color info

#A14857 contains mainly red color. Web safe color of #A14857 is #993366 (or #936).

RGB color model

#A14857 color RGB value is (161,72,87).

red value is 161;
green value is 72;
blue value is 87.

RGB:
(161,72,87)
(63%,28%,34%)

RGB channels and saturation

R 161 of 255 = 63%
G 72 of 255 = 28%
B 87 of 255 = 34%

161

R + G + B ~ 42%. #A14857 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
161 + 72 + 87 = 320 (100%)
R 161 of 320 ~ 50.31%
G 72 of 320 ~ 22.5%
B 87 of 320 ~ 27.19%

%50.31

%22.5

%27.19

CMYK color model

#A14857 color CMYK value is (0,55,46,37).

cyan value is 0.00%
magenta value is 55.28%
yellow value is 45.96%
key color value is 36.86%

CMYK:
(0,55,46,37)
C0M55Y46K37 
(0%,55%,46%,37%)
(0.00/0.55/0.46/0.37)

CMYK percentages

%55.28

%45.96

%36.86

Codes

Color #A14857 in popluar color models

	A1	48	57
RGB	161	72	87
HSL	350°	38.20%	45.69%
HSB/HSV	350°	55.28%	63.14%
CMYK	0.00%	55.28%	45.96%
CMYK	36.86%

Color #A14857 in popluar number systems.

HEX	A1	48	57
Decimal	161	72	87
Binary	10100001	1001000	1010111
Octal	241	110	127

Shades and tints

Shades of #A14857

#A14857
(161,72,87)

#934250
(147,66,80)

#853C49
(133,60,73)

#773642
(119,54,66)

#69303B
(105,48,59)

#5B2A34
(91,42,52)

#4D242D
(77,36,45)

#3F1E26
(63,30,38)

#31181F
(49,24,31)

#231218
(35,18,24)

#150C11
(21,12,17)

#000000
(0,0,0)

Tints of #A14857

#A14857
(161,72,87)

#A95866
(169,88,102)

#B16875
(177,104,117)

#B97884
(185,120,132)

#C18893
(193,136,147)

#C998A2
(201,152,162)

#D1A8B1
(209,168,177)

#D9B8C0
(217,184,192)

#E1C8CF
(225,200,207)

#E9D8DE
(233,216,222)

#F1E8ED
(241,232,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A14857 color. Also use rgb(161,72,87) instead hex code.

Text Font Color

.myTextColor { color: #A14857; }

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

This text font color is #A14857.

Background Color

.myBgColor { background-color: #A14857; }

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

This div background color is #A14857.

Border color

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

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

This div border color is #A14857.

Opacity

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

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

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

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

This text has shadow with #A14857 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #A14857.

Preview

Color preview on black background

This text has color #A14857 on black background.

Color preview on white background

This text has color #A14857 on white background.

Black color preview on #A14857 background

This text has black color on #A14857 background.

White color preview on #A14857 background

This text has white color on #A14857 background.