Color #ADB4EC

Color info

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

RGB color model

#ADB4EC color RGB value is (173,180,236).

red value is 173;
green value is 180;
blue value is 236.

RGB: (173,180,236) (68%, 71%, 93%)

RGB channels and saturation

R 173 of 255 = 68%
G 180 of 255 = 71%
B 236 of 255 = 93%

173

180

236

R + G + B ~ 77%. #ADB4EC is quite light color.

Portions of RGB colors in percentages

R + G + B = 173 + 180 + 236 = 589 (100%)
R 173 of 589 ~ 29.37%
G 180 of 589 ~ 30.56%
B 236 of 589 ~ 40.07'%

%29.37

%30.56

%40.07

CMYK color model

#ADB4EC color CMYK value is (27,24,0,7).

cyan value is 26.69%
magenta value is 23.73%
yellow value is 0.00%
key color value is 7.45%

CMYK: (27,24,0,7)
C27M24Y0K7 (27%, 24%, 0%, 7%)
(0.27 / 0.24 / 0.00 / 0.07)

CMYK percentages

%26.69

%23.73

%0

%7.45

Codes

Color #ADB4EC in popluar color models

	AD	B4	EC
RGB	173	180	236
HSL	233°	62.38%	80.20%
HSB/HSV	233°	26.69%	92.55%
CMYK	26.69%	23.73%	0.00%
CMYK	7.45%

Color #ADB4EC in popluar number systems.

HEX	AD	B4	EC
Decimal	173	180	236
Binary	10101101	10110100	11101100
Octal	255	264	354

Shades and tints

Shades of #ADB4EC

#ADB4EC
(173,180,236)

#9EA4D7
(158,164,215)

#8F94C2
(143,148,194)

#8084AD
(128,132,173)

#717498
(113,116,152)

#626483
(98,100,131)

#53546E
(83,84,110)

#444459
(68,68,89)

#353444
(53,52,68)

#26242F
(38,36,47)

#17141A
(23,20,26)

#000000
(0,0,0)

Tints of #ADB4EC

#ADB4EC
(173,180,236)

#B4BAED
(180,186,237)

#BBC0EE
(187,192,238)

#C2C6EF
(194,198,239)

#C9CCF0
(201,204,240)

#D0D2F1
(208,210,241)

#D7D8F2
(215,216,242)

#DEDEF3
(222,222,243)

#E5E4F4
(229,228,244)

#ECEAF5
(236,234,245)

#F3F0F6
(243,240,246)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #ADB4EC color. Also use rgb(173,180,236) instead hex code.

Text Font Color

.myTextColor { color: #ADB4EC; }

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

This text font color is #ADB4EC.

Background Color

.myBgColor { background-color: #ADB4EC; }

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

This div background color is #ADB4EC.

Border color

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

This div border color is #ADB4EC.

Opacity

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

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

This text has shadow with #ADB4EC color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #ADB4EC.