Color #ACCBD6

Color info

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

RGB color model

#ACCBD6 color RGB value is (172,203,214).

red value is 172;
green value is 203;
blue value is 214.

RGB: (172,203,214) (67%, 80%, 84%)

RGB channels and saturation

R 172 of 255 = 67%
G 203 of 255 = 80%
B 214 of 255 = 84%

172

203

214

R + G + B ~ 77%. #ACCBD6 is quite light color.

Portions of RGB colors in percentages

R + G + B = 172 + 203 + 214 = 589 (100%)
R 172 of 589 ~ 29.2%
G 203 of 589 ~ 34.47%
B 214 of 589 ~ 36.33'%

%29.2

%34.47

%36.33

CMYK color model

#ACCBD6 color CMYK value is (20,5,0,16).

cyan value is 19.63%
magenta value is 5.14%
yellow value is 0.00%
key color value is 16.08%

CMYK: (20,5,0,16)
C20M5Y0K16 (20%, 5%, 0%, 16%)
(0.20 / 0.05 / 0.00 / 0.16)

CMYK percentages

%19.63

%5.14

%0

%16.08

Codes

Color #ACCBD6 in popluar color models

	AC	CB	D6
RGB	172	203	214
HSL	196°	33.87%	75.69%
HSB/HSV	196°	19.63%	83.92%
CMYK	19.63%	5.14%	0.00%
CMYK	16.08%

Color #ACCBD6 in popluar number systems.

HEX	AC	CB	D6
Decimal	172	203	214
Binary	10101100	11001011	11010110
Octal	254	313	326

Shades and tints

Shades of #ACCBD6

#ACCBD6
(172,203,214)

#9DB9C3
(157,185,195)

#8EA7B0
(142,167,176)

#7F959D
(127,149,157)

#70838A
(112,131,138)

#617177
(97,113,119)

#525F64
(82,95,100)

#434D51
(67,77,81)

#343B3E
(52,59,62)

#25292B
(37,41,43)

#161718
(22,23,24)

#000000
(0,0,0)

Tints of #ACCBD6

#ACCBD6
(172,203,214)

#B3CFD9
(179,207,217)

#BAD3DC
(186,211,220)

#C1D7DF
(193,215,223)

#C8DBE2
(200,219,226)

#CFDFE5
(207,223,229)

#D6E3E8
(214,227,232)

#DDE7EB
(221,231,235)

#E4EBEE
(228,235,238)

#EBEFF1
(235,239,241)

#F2F3F4
(242,243,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #ACCBD6 color. Also use rgb(172,203,214) instead hex code.

Text Font Color

.myTextColor { color: #ACCBD6; }

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

This text font color is #ACCBD6.

Background Color

.myBgColor { background-color: #ACCBD6; }

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

This div background color is #ACCBD6.

Border color

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

This div border color is #ACCBD6.

Opacity

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

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

This text has shadow with #ACCBD6 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #ACCBD6.