Color #ACBBF6

Color info

#ACBBF6 contains mainly green and blue colors. Web safe color of #ACBBF6 is #99CCFF (or #9CF).

RGB color model

#ACBBF6 color RGB value is (172,187,246).

red value is 172;
green value is 187;
blue value is 246.

RGB: (172,187,246) (67%, 73%, 96%)

RGB channels and saturation

R 172 of 255 = 67%
G 187 of 255 = 73%
B 246 of 255 = 96%

172

187

246

R + G + B ~ 79%. #ACBBF6 is quite light color.

Portions of RGB colors in percentages

R + G + B = 172 + 187 + 246 = 605 (100%)
R 172 of 605 ~ 28.43%
G 187 of 605 ~ 30.91%
B 246 of 605 ~ 40.66'%

%28.43

%30.91

%40.66

CMYK color model

#ACBBF6 color CMYK value is (30,24,0,4).

cyan value is 30.08%
magenta value is 23.98%
yellow value is 0.00%
key color value is 3.53%

CMYK: (30,24,0,4)
C30M24Y0K4 (30%, 24%, 0%, 4%)
(0.30 / 0.24 / 0.00 / 0.04)

CMYK percentages

%30.08

%23.98

%0

%3.53

Codes

Color #ACBBF6 in popluar color models

	AC	BB	F6
RGB	172	187	246
HSL	228°	80.43%	81.96%
HSB/HSV	228°	30.08%	96.47%
CMYK	30.08%	23.98%	0.00%
CMYK	3.53%

Color #ACBBF6 in popluar number systems.

HEX	AC	BB	F6
Decimal	172	187	246
Binary	10101100	10111011	11110110
Octal	254	273	366

Shades and tints

Shades of #ACBBF6

#ACBBF6
(172,187,246)

#9DAAE0
(157,170,224)

#8E99CA
(142,153,202)

#7F88B4
(127,136,180)

#70779E
(112,119,158)

#616688
(97,102,136)

#525572
(82,85,114)

#43445C
(67,68,92)

#343346
(52,51,70)

#252230
(37,34,48)

#16111A
(22,17,26)

#000000
(0,0,0)

Tints of #ACBBF6

#ACBBF6
(172,187,246)

#B3C1F6
(179,193,246)

#BAC7F6
(186,199,246)

#C1CDF6
(193,205,246)

#C8D3F6
(200,211,246)

#CFD9F6
(207,217,246)

#D6DFF6
(214,223,246)

#DDE5F6
(221,229,246)

#E4EBF6
(228,235,246)

#EBF1F6
(235,241,246)

#F2F7F6
(242,247,246)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #ACBBF6 color. Also use rgb(172,187,246) instead hex code.

Text Font Color

.myTextColor { color: #ACBBF6; }

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

This text font color is #ACBBF6.

Background Color

.myBgColor { background-color: #ACBBF6; }

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

This div background color is #ACBBF6.

Border color

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

This div border color is #ACBBF6.

Opacity

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

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

This text has shadow with #ACBBF6 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #ACBBF6.