Color #DCE4EC

Color info

#DCE4EC contains red, green and blue colors in about the same proportion. Web safe color of #DCE4EC is #CCCCFF (or #CCF).

RGB color model

#DCE4EC color RGB value is (220,228,236).

red value is 220;
green value is 228;
blue value is 236.

RGB: (220,228,236) (86%, 89%, 93%)

RGB channels and saturation

R 220 of 255 = 86%
G 228 of 255 = 89%
B 236 of 255 = 93%

220

228

236

R + G + B ~ 89%. #DCE4EC is light color.

Portions of RGB colors in percentages

R + G + B = 220 + 228 + 236 = 684 (100%)
R 220 of 684 ~ 32.16%
G 228 of 684 ~ 33.33%
B 236 of 684 ~ 34.5'%

%32.16

%33.33

%34.5

CMYK color model

#DCE4EC color CMYK value is (7,3,0,7).

cyan value is 6.78%
magenta value is 3.39%
yellow value is 0.00%
key color value is 7.45%

CMYK: (7,3,0,7)
C7M3Y0K7 (7%, 3%, 0%, 7%)
(0.07 / 0.03 / 0.00 / 0.07)

CMYK percentages

%6.78

%3.39

%0

%7.45

Codes

Color #DCE4EC in popluar color models

	DC	E4	EC
RGB	220	228	236
HSL	210°	29.63%	89.41%
HSB/HSV	210°	6.78%	92.55%
CMYK	6.78%	3.39%	0.00%
CMYK	7.45%

Color #DCE4EC in popluar number systems.

HEX	DC	E4	EC
Decimal	220	228	236
Binary	11011100	11100100	11101100
Octal	334	344	354

Shades and tints

Shades of #DCE4EC

#DCE4EC
(220,228,236)

#C8D0D7
(200,208,215)

#B4BCC2
(180,188,194)

#A0A8AD
(160,168,173)

#8C9498
(140,148,152)

#788083
(120,128,131)

#646C6E
(100,108,110)

#505859
(80,88,89)

#3C4444
(60,68,68)

#28302F
(40,48,47)

#141C1A
(20,28,26)

#000000
(0,0,0)

Tints of #DCE4EC

#DCE4EC
(220,228,236)

#DFE6ED
(223,230,237)

#E2E8EE
(226,232,238)

#E5EAEF
(229,234,239)

#E8ECF0
(232,236,240)

#EBEEF1
(235,238,241)

#EEF0F2
(238,240,242)

#F1F2F3
(241,242,243)

#F4F4F4
(244,244,244)

#F7F6F5
(247,246,245)

#FAF8F6
(250,248,246)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DCE4EC color. Also use rgb(220,228,236) instead hex code.

Text Font Color

.myTextColor { color: #DCE4EC; }

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

This text font color is #DCE4EC.

Background Color

.myBgColor { background-color: #DCE4EC; }

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

This div background color is #DCE4EC.

Border color

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

This div border color is #DCE4EC.

Opacity

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

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

This text has shadow with #DCE4EC color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #DCE4EC.