COLOR #A18F9E

HEX: #A18F9E RGB: (161,143,158)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#A18F9E contains red, green and blue colors in about the same proportion. Web safe color of #A18F9E is #999999 (or #999).

RGB color model

#A18F9E color RGB value is (161,143,158).

red value is 161;
green value is 143;
blue value is 158.

RGB: (161,143,158) (63%, 56%, 62%)

RGB channels and saturation

R 161 of 255 = 63%
G 143 of 255 = 56%
B 158 of 255 = 62%

161

143

158

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

Portions of RGB colors in percentages

R + G + B = 161 + 143 + 158 = 462 (100%)
R 161 of 462 ~ 34.85%
G 143 of 462 ~ 30.95%
B 158 of 462 ~ 34.2'%

%34.85

%30.95

%34.2

CMYK color model

#A18F9E color CMYK value is (0,11,2,37).

cyan value is 0.00%
magenta value is 11.18%
yellow value is 1.86%
key color value is 36.86%

CMYK: (0,11,2,37) C0M11Y2K37 (0%,11%,2%,37%) (0.00/0.11/0.02/0.37)

CMYK percentages

%11.18

%1.86

%36.86

Codes

Color #A18F9E in popluar color models

	A1	8F	9E
RGB	161	143	158
HSL	310°	8.74%	59.61%
HSB/HSV	310°	11.18%	63.14%
CMYK	0.00%	11.18%	1.86%
CMYK	36.86%

Color #A18F9E in popluar number systems.

HEX	A1	8F	9E
Decimal	161	143	158
Binary	10100001	10001111	10011110
Octal	241	217	236

Shades and tints

Shades of #A18F9E

#A18F9E
(161,143,158)

#938290
(147,130,144)

#857582
(133,117,130)

#776874
(119,104,116)

#695B66
(105,91,102)

#5B4E58
(91,78,88)

#4D414A
(77,65,74)

#3F343C
(63,52,60)

#31272E
(49,39,46)

#231A20
(35,26,32)

#150D12
(21,13,18)

#000000
(0,0,0)

Tints of #A18F9E

#A18F9E
(161,143,158)

#A999A6
(169,153,166)

#B1A3AE
(177,163,174)

#B9ADB6
(185,173,182)

#C1B7BE
(193,183,190)

#C9C1C6
(201,193,198)

#D1CBCE
(209,203,206)

#D9D5D6
(217,213,214)

#E1DFDE
(225,223,222)

#E9E9E6
(233,233,230)

#F1F3EE
(241,243,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A18F9E color. Also use rgb(161,143,158) instead hex code.

Text Font Color

.myTextColor { color: #A18F9E; }

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

This text font color is #A18F9E.

Background Color

.myBgColor { background-color: #A18F9E; }

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

This div background color is #A18F9E.

Border color

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

This div border color is #A18F9E.

Opacity

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

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

This text has shadow with #A18F9E color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #A18F9E.