Color #A3CCEB

Color info

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

RGB color model

#A3CCEB color RGB value is (163,204,235).

red value is 163;
green value is 204;
blue value is 235.

RGB: (163,204,235) (64%, 80%, 92%)

RGB channels and saturation

R 163 of 255 = 64%
G 204 of 255 = 80%
B 235 of 255 = 92%

163

204

235

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

Portions of RGB colors in percentages

R + G + B = 163 + 204 + 235 = 602 (100%)
R 163 of 602 ~ 27.08%
G 204 of 602 ~ 33.89%
B 235 of 602 ~ 39.04'%

%27.08

%33.89

%39.04

CMYK color model

#A3CCEB color CMYK value is (31,13,0,8).

cyan value is 30.64%
magenta value is 13.19%
yellow value is 0.00%
key color value is 7.84%

CMYK: (31,13,0,8)
C31M13Y0K8 (31%, 13%, 0%, 8%)
(0.31 / 0.13 / 0.00 / 0.08)

CMYK percentages

%30.64

%13.19

%0

%7.84

Codes

Color #A3CCEB in popluar color models

	A3	CC	EB
RGB	163	204	235
HSL	206°	64.29%	78.04%
HSB/HSV	206°	30.64%	92.16%
CMYK	30.64%	13.19%	0.00%
CMYK	7.84%

Color #A3CCEB in popluar number systems.

HEX	A3	CC	EB
Decimal	163	204	235
Binary	10100011	11001100	11101011
Octal	243	314	353

Shades and tints

Shades of #A3CCEB

#A3CCEB
(163,204,235)

#95BAD6
(149,186,214)

#87A8C1
(135,168,193)

#7996AC
(121,150,172)

#6B8497
(107,132,151)

#5D7282
(93,114,130)

#4F606D
(79,96,109)

#414E58
(65,78,88)

#333C43
(51,60,67)

#252A2E
(37,42,46)

#171819
(23,24,25)

#000000
(0,0,0)

Tints of #A3CCEB

#A3CCEB
(163,204,235)

#ABD0EC
(171,208,236)

#B3D4ED
(179,212,237)

#BBD8EE
(187,216,238)

#C3DCEF
(195,220,239)

#CBE0F0
(203,224,240)

#D3E4F1
(211,228,241)

#DBE8F2
(219,232,242)

#E3ECF3
(227,236,243)

#EBF0F4
(235,240,244)

#F3F4F5
(243,244,245)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A3CCEB color. Also use rgb(163,204,235) instead hex code.

Text Font Color

.myTextColor { color: #A3CCEB; }

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

This text font color is #A3CCEB.

Background Color

.myBgColor { background-color: #A3CCEB; }

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

This div background color is #A3CCEB.

Border color

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

This div border color is #A3CCEB.

Opacity

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

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

This text has shadow with #A3CCEB color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #A3CCEB.