COLOR #AF756E

HEX: #AF756E RGB: (175,117,110)

Color info

#AF756E contains mainly red and green colors. Web safe color of #AF756E is #996666 (or #966).

RGB color model

#AF756E color RGB value is (175,117,110).

RGB: (175,117,110) (69%, 46%, 43%)

RGB channels and saturation

R 175 of 255 = 69%
G 117 of 255 = 46%
B 110 of 255 = 43%

175
117
110

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

Portions of RGB colors in percentages

R + G + B = 175 + 117 + 110 = 402 (100%)
R 175 of 402 ~ 43.53%
G 117 of 402 ~ 29.1%
B 110 of 402 ~ 27.36'%

%43.53
%29.1
%27.36

CMYK color model

#AF756E color CMYK value is (0,33,37,31).

  • cyan value is 0.00%
  • magenta value is 33.14%
  • yellow value is 37.14%
  • key color value is 31.37%

CMYK: (0,33,37,31)
C0M33Y37K31 (0%, 33%, 37%, 31%)
(0.00 / 0.33 / 0.37 / 0.31)

CMYK percentages

%0
%33.14
%37.14
%31.37

Codes

Color #AF756E in popluar color models

AF 75 6E
RGB 175 117 110
HSL 28.89% 55.88%
HSB/HSV 37.14% 68.63%
CMYK 0.00% 33.14% 37.14%
31.37%

Color #AF756E in popluar number systems.

HEX AF 75 6E
Decimal 175 117 110
Binary 10101111 1110101 1101110
Octal 257 165 156

Shades and tints

Shades of #AF756E

#AF756E
(175,117,110)
#A06B64
(160,107,100)
#91615A
(145,97,90)
#825750
(130,87,80)
#734D46
(115,77,70)
#64433C
(100,67,60)
#553932
(85,57,50)
#462F28
(70,47,40)
#37251E
(55,37,30)
#281B14
(40,27,20)
#19110A
(25,17,10)
#000000
(0,0,0)

Tints of #AF756E

#AF756E
(175,117,110)
#B6817B
(182,129,123)
#BD8D88
(189,141,136)
#C49995
(196,153,149)
#CBA5A2
(203,165,162)
#D2B1AF
(210,177,175)
#D9BDBC
(217,189,188)
#E0C9C9
(224,201,201)
#E7D5D6
(231,213,214)
#EEE1E3
(238,225,227)
#F5EDF0
(245,237,240)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AF756E color. Also use rgb(175,117,110) instead hex code.

Text Font Color

.myTextColor { color: #AF756E; }

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

This text font color is #AF756E.

Background Color

.myBgColor { background-color: #AF756E; }

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

This div background color is #AF756E.

Border color

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

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

This div border color is #AF756E.

Opacity

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

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

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

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

This text has shadow with #AF756E color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #AF756E.

Preview

Color preview on black background

This text has color #AF756E on black background.


Color preview on white background

This text has color #AF756E on white background.


Black color preview on #AF756E background

This text has black color on #AF756E background.


White color preview on #AF756E background

This text has white color on #AF756E background.


Related colors

Complementary color

Complementary color for #hex is #508A91.


I love getcolorcode.com

Triadic colors

1 #6EAF75 and #756EAF with #AF756E are triadic colors.

2 #6E75AF and #75AF6E with #AF756E are triadic colors.