COLOR #A69888

HEX: #A69888 RGB: (166,152,136)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#A69888 color RGB value is (166,152,136).

red value is 166;
green value is 152;
blue value is 136.

RGB: (166,152,136) (65%, 60%, 53%)

RGB channels and saturation

R 166 of 255 = 65%
G 152 of 255 = 60%
B 136 of 255 = 53%

166

152

136

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

Portions of RGB colors in percentages

R + G + B = 166 + 152 + 136 = 454 (100%)
R 166 of 454 ~ 36.56%
G 152 of 454 ~ 33.48%
B 136 of 454 ~ 29.96'%

%36.56

%33.48

%29.96

CMYK color model

#A69888 color CMYK value is (0,8,18,35).

cyan value is 0.00%
magenta value is 8.43%
yellow value is 18.07%
key color value is 34.90%

CMYK: (0,8,18,35) C0M8Y18K35 (0%,8%,18%,35%) (0.00/0.08/0.18/0.35)

CMYK percentages

%8.43

%18.07

%34.9

Codes

Color #A69888 in popluar color models

	A6	98	88
RGB	166	152	136
HSL	32°	14.42%	59.22%
HSB/HSV	32°	18.07%	65.10%
CMYK	0.00%	8.43%	18.07%
CMYK	34.90%

Color #A69888 in popluar number systems.

HEX	A6	98	88
Decimal	166	152	136
Binary	10100110	10011000	10001000
Octal	246	230	210

Shades and tints

Shades of #A69888

#A69888
(166,152,136)

#978B7C
(151,139,124)

#887E70
(136,126,112)

#797164
(121,113,100)

#6A6458
(106,100,88)

#5B574C
(91,87,76)

#4C4A40
(76,74,64)

#3D3D34
(61,61,52)

#2E3028
(46,48,40)

#1F231C
(31,35,28)

#101610
(16,22,16)

#000000
(0,0,0)

Tints of #A69888

#A69888
(166,152,136)

#AEA192
(174,161,146)

#B6AA9C
(182,170,156)

#BEB3A6
(190,179,166)

#C6BCB0
(198,188,176)

#CEC5BA
(206,197,186)

#D6CEC4
(214,206,196)

#DED7CE
(222,215,206)

#E6E0D8
(230,224,216)

#EEE9E2
(238,233,226)

#F6F2EC
(246,242,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A69888 color. Also use rgb(166,152,136) instead hex code.

Text Font Color

.myTextColor { color: #A69888; }

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

This text font color is #A69888.

Background Color

.myBgColor { background-color: #A69888; }

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

This div background color is #A69888.

Border color

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

This div border color is #A69888.

Opacity

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

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

This text has shadow with #A69888 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #A69888.