Color #B2AFD8

Color info

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

RGB color model

#B2AFD8 color RGB value is (178,175,216).

red value is 178;
green value is 175;
blue value is 216.

RGB: (178,175,216) (70%, 69%, 85%)

RGB channels and saturation

R 178 of 255 = 70%
G 175 of 255 = 69%
B 216 of 255 = 85%

178

175

216

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

Portions of RGB colors in percentages

R + G + B = 178 + 175 + 216 = 569 (100%)
R 178 of 569 ~ 31.28%
G 175 of 569 ~ 30.76%
B 216 of 569 ~ 37.96'%

%31.28

%30.76

%37.96

CMYK color model

#B2AFD8 color CMYK value is (18,19,0,15).

cyan value is 17.59%
magenta value is 18.98%
yellow value is 0.00%
key color value is 15.29%

CMYK: (18,19,0,15)
C18M19Y0K15 (18%, 19%, 0%, 15%)
(0.18 / 0.19 / 0.00 / 0.15)

CMYK percentages

%17.59

%18.98

%0

%15.29

Codes

Color #B2AFD8 in popluar color models

	B2	AF	D8
RGB	178	175	216
HSL	244°	34.45%	76.67%
HSB/HSV	244°	18.98%	84.71%
CMYK	17.59%	18.98%	0.00%
CMYK	15.29%

Color #B2AFD8 in popluar number systems.

HEX	B2	AF	D8
Decimal	178	175	216
Binary	10110010	10101111	11011000
Octal	262	257	330

Shades and tints

Shades of #B2AFD8

#B2AFD8
(178,175,216)

#A2A0C5
(162,160,197)

#9291B2
(146,145,178)

#82829F
(130,130,159)

#72738C
(114,115,140)

#626479
(98,100,121)

#525566
(82,85,102)

#424653
(66,70,83)

#323740
(50,55,64)

#22282D
(34,40,45)

#12191A
(18,25,26)

#000000
(0,0,0)

Tints of #B2AFD8

#B2AFD8
(178,175,216)

#B9B6DB
(185,182,219)

#C0BDDE
(192,189,222)

#C7C4E1
(199,196,225)

#CECBE4
(206,203,228)

#D5D2E7
(213,210,231)

#DCD9EA
(220,217,234)

#E3E0ED
(227,224,237)

#EAE7F0
(234,231,240)

#F1EEF3
(241,238,243)

#F8F5F6
(248,245,246)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B2AFD8 color. Also use rgb(178,175,216) instead hex code.

Text Font Color

.myTextColor { color: #B2AFD8; }

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

This text font color is #B2AFD8.

Background Color

.myBgColor { background-color: #B2AFD8; }

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

This div background color is #B2AFD8.

Border color

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

This div border color is #B2AFD8.

Opacity

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

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

This text has shadow with #B2AFD8 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #B2AFD8.