Color #A6DAFF

Color info

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

RGB color model

#A6DAFF color RGB value is (166,218,255).

red value is 166;
green value is 218;
blue value is 255.

RGB: (166,218,255) (65%, 85%, 100%)

RGB channels and saturation

R 166 of 255 = 65%
G 218 of 255 = 85%
B 255 of 255 = 100%

166

218

255

R + G + B ~ 83%. #A6DAFF is quite light color.

Portions of RGB colors in percentages

R + G + B = 166 + 218 + 255 = 639 (100%)
R 166 of 639 ~ 25.98%
G 218 of 639 ~ 34.12%
B 255 of 639 ~ 39.91'%

%25.98

%34.12

%39.91

CMYK color model

#A6DAFF color CMYK value is (35,15,0,0).

cyan value is 34.90%
magenta value is 14.51%
yellow value is 0.00%
key color value is 0.00%

CMYK: (35,15,0,0)
C35M15Y0K0 (35%, 15%, 0%, 0%)
(0.35 / 0.15 / 0.00 / 0.00)

CMYK percentages

%34.9

%14.51

%0

Codes

Color #A6DAFF in popluar color models

	A6	DA	FF
RGB	166	218	255
HSL	205°	100.00%	82.55%
HSB/HSV	205°	34.90%	100.00%
CMYK	34.90%	14.51%	0.00%
CMYK	0.00%

Color #A6DAFF in popluar number systems.

HEX	A6	DA	FF
Decimal	166	218	255
Binary	10100110	11011010	11111111
Octal	246	332	377

Shades and tints

Shades of #A6DAFF

#A6DAFF
(166,218,255)

#97C7E8
(151,199,232)

#88B4D1
(136,180,209)

#79A1BA
(121,161,186)

#6A8EA3
(106,142,163)

#5B7B8C
(91,123,140)

#4C6875
(76,104,117)

#3D555E
(61,85,94)

#2E4247
(46,66,71)

#1F2F30
(31,47,48)

#101C19
(16,28,25)

#000000
(0,0,0)

Tints of #A6DAFF

#A6DAFF
(166,218,255)

#AEDDFF
(174,221,255)

#B6E0FF
(182,224,255)

#BEE3FF
(190,227,255)

#C6E6FF
(198,230,255)

#CEE9FF
(206,233,255)

#D6ECFF
(214,236,255)

#DEEFFF
(222,239,255)

#E6F2FF
(230,242,255)

#EEF5FF
(238,245,255)

#F6F8FF
(246,248,255)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A6DAFF color. Also use rgb(166,218,255) instead hex code.

Text Font Color

.myTextColor { color: #A6DAFF; }

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

This text font color is #A6DAFF.

Background Color

.myBgColor { background-color: #A6DAFF; }

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

This div background color is #A6DAFF.

Border color

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

This div border color is #A6DAFF.

Opacity

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

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

This text has shadow with #A6DAFF color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #A6DAFF.