Color #A4B6DF

Color info

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

RGB color model

#A4B6DF color RGB value is (164,182,223).

red value is 164;
green value is 182;
blue value is 223.

RGB: (164,182,223) (64%, 71%, 87%)

RGB channels and saturation

R 164 of 255 = 64%
G 182 of 255 = 71%
B 223 of 255 = 87%

164

182

223

R + G + B ~ 74%. #A4B6DF is quite light color.

Portions of RGB colors in percentages

R + G + B = 164 + 182 + 223 = 569 (100%)
R 164 of 569 ~ 28.82%
G 182 of 569 ~ 31.99%
B 223 of 569 ~ 39.19'%

%28.82

%31.99

%39.19

CMYK color model

#A4B6DF color CMYK value is (26,18,0,13).

cyan value is 26.46%
magenta value is 18.39%
yellow value is 0.00%
key color value is 12.55%

CMYK: (26,18,0,13)
C26M18Y0K13 (26%, 18%, 0%, 13%)
(0.26 / 0.18 / 0.00 / 0.13)

CMYK percentages

%26.46

%18.39

%0

%12.55

Codes

Color #A4B6DF in popluar color models

	A4	B6	DF
RGB	164	182	223
HSL	222°	47.97%	75.88%
HSB/HSV	222°	26.46%	87.45%
CMYK	26.46%	18.39%	0.00%
CMYK	12.55%

Color #A4B6DF in popluar number systems.

HEX	A4	B6	DF
Decimal	164	182	223
Binary	10100100	10110110	11011111
Octal	244	266	337

Shades and tints

Shades of #A4B6DF

#A4B6DF
(164,182,223)

#96A6CB
(150,166,203)

#8896B7
(136,150,183)

#7A86A3
(122,134,163)

#6C768F
(108,118,143)

#5E667B
(94,102,123)

#505667
(80,86,103)

#424653
(66,70,83)

#34363F
(52,54,63)

#26262B
(38,38,43)

#181617
(24,22,23)

#000000
(0,0,0)

Tints of #A4B6DF

#A4B6DF
(164,182,223)

#ACBCE1
(172,188,225)

#B4C2E3
(180,194,227)

#BCC8E5
(188,200,229)

#C4CEE7
(196,206,231)

#CCD4E9
(204,212,233)

#D4DAEB
(212,218,235)

#DCE0ED
(220,224,237)

#E4E6EF
(228,230,239)

#ECECF1
(236,236,241)

#F4F2F3
(244,242,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A4B6DF color. Also use rgb(164,182,223) instead hex code.

Text Font Color

.myTextColor { color: #A4B6DF; }

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

This text font color is #A4B6DF.

Background Color

.myBgColor { background-color: #A4B6DF; }

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

This div background color is #A4B6DF.

Border color

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

This div border color is #A4B6DF.

Opacity

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

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

This text has shadow with #A4B6DF color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #A4B6DF.