COLOR #A8DDB7

HEX: #A8DDB7 RGB: (168,221,183)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#A8DDB7 contains red, green and blue colors in about the same proportion. Web safe color of #A8DDB7 is #99CCCC (or #9CC).

RGB color model

#A8DDB7 color RGB value is (168,221,183).

red value is 168;
green value is 221;
blue value is 183.

RGB: (168,221,183) (66%, 87%, 72%)

RGB channels and saturation

R 168 of 255 = 66%
G 221 of 255 = 87%
B 183 of 255 = 72%

168

221

183

R + G + B ~ 75%. #A8DDB7 is quite light color.

Portions of RGB colors in percentages

R + G + B = 168 + 221 + 183 = 572 (100%)
R 168 of 572 ~ 29.37%
G 221 of 572 ~ 38.64%
B 183 of 572 ~ 31.99'%

%29.37

%38.64

%31.99

CMYK color model

#A8DDB7 color CMYK value is (24,0,17,13).

cyan value is 23.98%
magenta value is 0.00%
yellow value is 17.19%
key color value is 13.33%

CMYK: (24,0,17,13) C24M0Y17K13 (24%,0%,17%,13%) (0.24/0.00/0.17/0.13)

CMYK percentages

%23.98

%17.19

%13.33

Codes

Color #A8DDB7 in popluar color models

	A8	DD	B7
RGB	168	221	183
HSL	137°	43.80%	76.27%
HSB/HSV	137°	23.98%	86.67%
CMYK	23.98%	0.00%	17.19%
CMYK	13.33%

Color #A8DDB7 in popluar number systems.

HEX	A8	DD	B7
Decimal	168	221	183
Binary	10101000	11011101	10110111
Octal	250	335	267

Shades and tints

Shades of #A8DDB7

#A8DDB7
(168,221,183)

#99C9A7
(153,201,167)

#8AB597
(138,181,151)

#7BA187
(123,161,135)

#6C8D77
(108,141,119)

#5D7967
(93,121,103)

#4E6557
(78,101,87)

#3F5147
(63,81,71)

#303D37
(48,61,55)

#212927
(33,41,39)

#121517
(18,21,23)

#000000
(0,0,0)

Tints of #A8DDB7

#A8DDB7
(168,221,183)

#AFE0BD
(175,224,189)

#B6E3C3
(182,227,195)

#BDE6C9
(189,230,201)

#C4E9CF
(196,233,207)

#CBECD5
(203,236,213)

#D2EFDB
(210,239,219)

#D9F2E1
(217,242,225)

#E0F5E7
(224,245,231)

#E7F8ED
(231,248,237)

#EEFBF3
(238,251,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A8DDB7 color. Also use rgb(168,221,183) instead hex code.

Text Font Color

.myTextColor { color: #A8DDB7; }

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

This text font color is #A8DDB7.

Background Color

.myBgColor { background-color: #A8DDB7; }

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

This div background color is #A8DDB7.

Border color

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

This div border color is #A8DDB7.

Opacity

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

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

This text has shadow with #A8DDB7 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #A8DDB7.