COLOR #ADAF88

HEX: #ADAF88 RGB: (173,175,136)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#ADAF88 color RGB value is (173,175,136).

red value is 173;
green value is 175;
blue value is 136.

RGB: (173,175,136) (68%, 69%, 53%)

RGB channels and saturation

R 173 of 255 = 68%
G 175 of 255 = 69%
B 136 of 255 = 53%

173

175

136

R + G + B ~ 63%. #ADAF88 is quite light color.

Portions of RGB colors in percentages

R + G + B = 173 + 175 + 136 = 484 (100%)
R 173 of 484 ~ 35.74%
G 175 of 484 ~ 36.16%
B 136 of 484 ~ 28.1'%

%35.74

%36.16

%28.1

CMYK color model

#ADAF88 color CMYK value is (1,0,22,31).

cyan value is 1.14%
magenta value is 0.00%
yellow value is 22.29%
key color value is 31.37%

CMYK: (1,0,22,31) C1M0Y22K31 (1%,0%,22%,31%) (0.01/0.00/0.22/0.31)

CMYK percentages

%1.14

%22.29

%31.37

Codes

Color #ADAF88 in popluar color models

	AD	AF	88
RGB	173	175	136
HSL	63°	19.60%	60.98%
HSB/HSV	63°	22.29%	68.63%
CMYK	1.14%	0.00%	22.29%
CMYK	31.37%

Color #ADAF88 in popluar number systems.

HEX	AD	AF	88
Decimal	173	175	136
Binary	10101101	10101111	10001000
Octal	255	257	210

Shades and tints

Shades of #ADAF88

#ADAF88
(173,175,136)

#9EA07C
(158,160,124)

#8F9170
(143,145,112)

#808264
(128,130,100)

#717358
(113,115,88)

#62644C
(98,100,76)

#535540
(83,85,64)

#444634
(68,70,52)

#353728
(53,55,40)

#26281C
(38,40,28)

#171910
(23,25,16)

#000000
(0,0,0)

Tints of #ADAF88

#ADAF88
(173,175,136)

#B4B692
(180,182,146)

#BBBD9C
(187,189,156)

#C2C4A6
(194,196,166)

#C9CBB0
(201,203,176)

#D0D2BA
(208,210,186)

#D7D9C4
(215,217,196)

#DEE0CE
(222,224,206)

#E5E7D8
(229,231,216)

#ECEEE2
(236,238,226)

#F3F5EC
(243,245,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #ADAF88 color. Also use rgb(173,175,136) instead hex code.

Text Font Color

.myTextColor { color: #ADAF88; }

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

This text font color is #ADAF88.

Background Color

.myBgColor { background-color: #ADAF88; }

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

This div background color is #ADAF88.

Border color

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

This div border color is #ADAF88.

Opacity

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

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

This text has shadow with #ADAF88 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #ADAF88.