COLOR #AB896A

HEX: #AB896A RGB: (171,137,106)

Color info

#AB896A contains mainly red and green colors. Web safe color of #AB896A is #999966 (or #996).

RGB color model

#AB896A color RGB value is (171,137,106).

RGB: (171,137,106) (67%, 54%, 42%)

RGB channels and saturation

R 171 of 255 = 67%
G 137 of 255 = 54%
B 106 of 255 = 42%

171
137
106

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

Portions of RGB colors in percentages

R + G + B = 171 + 137 + 106 = 414 (100%)
R 171 of 414 ~ 41.3%
G 137 of 414 ~ 33.09%
B 106 of 414 ~ 25.6'%

%41.3
%33.09
%25.6

CMYK color model

#AB896A color CMYK value is (0,20,38,33).

  • cyan value is 0.00%
  • magenta value is 19.88%
  • yellow value is 38.01%
  • key color value is 32.94%

CMYK: (0,20,38,33)
C0M20Y38K33 (0%, 20%, 38%, 33%)
(0.00 / 0.20 / 0.38 / 0.33)

CMYK percentages

%0
%19.88
%38.01
%32.94

Codes

Color #AB896A in popluar color models

AB 89 6A
RGB 171 137 106
HSL 29° 27.90% 54.31%
HSB/HSV 29° 38.01% 67.06%
CMYK 0.00% 19.88% 38.01%
32.94%

Color #AB896A in popluar number systems.

HEX AB 89 6A
Decimal 171 137 106
Binary 10101011 10001001 1101010
Octal 253 211 152

Shades and tints

Shades of #AB896A

#AB896A
(171,137,106)
#9C7D61
(156,125,97)
#8D7158
(141,113,88)
#7E654F
(126,101,79)
#6F5946
(111,89,70)
#604D3D
(96,77,61)
#514134
(81,65,52)
#42352B
(66,53,43)
#332922
(51,41,34)
#241D19
(36,29,25)
#151110
(21,17,16)
#000000
(0,0,0)

Tints of #AB896A

#AB896A
(171,137,106)
#B29377
(178,147,119)
#B99D84
(185,157,132)
#C0A791
(192,167,145)
#C7B19E
(199,177,158)
#CEBBAB
(206,187,171)
#D5C5B8
(213,197,184)
#DCCFC5
(220,207,197)
#E3D9D2
(227,217,210)
#EAE3DF
(234,227,223)
#F1EDEC
(241,237,236)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AB896A color. Also use rgb(171,137,106) instead hex code.

Text Font Color

.myTextColor { color: #AB896A; }

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

This text font color is #AB896A.

Background Color

.myBgColor { background-color: #AB896A; }

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

This div background color is #AB896A.

Border color

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

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

This div border color is #AB896A.

Opacity

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

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

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

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

This text has shadow with #AB896A color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #AB896A.

Preview

Color preview on black background

This text has color #AB896A on black background.


Color preview on white background

This text has color #AB896A on white background.


Black color preview on #AB896A background

This text has black color on #AB896A background.


White color preview on #AB896A background

This text has white color on #AB896A background.


Related colors

Complementary color

Complementary color for #hex is #547695.


I love getcolorcode.com

Triadic colors

1 #6AAB89 and #896AAB with #AB896A are triadic colors.

2 #6A89AB and #89AB6A with #AB896A are triadic colors.