COLOR #DCF0DE

HEX: #DCF0DE RGB: (220,240,222)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#DCF0DE contains red, green and blue colors in about the same proportion. Web safe color of #DCF0DE is #CCFFCC (or #CFC).

RGB color model

#DCF0DE color RGB value is (220,240,222).

red value is 220;
green value is 240;
blue value is 222.

RGB: (220,240,222) (86%, 94%, 87%)

RGB channels and saturation

R 220 of 255 = 86%
G 240 of 255 = 94%
B 222 of 255 = 87%

220

240

222

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

Portions of RGB colors in percentages

R + G + B = 220 + 240 + 222 = 682 (100%)
R 220 of 682 ~ 32.26%
G 240 of 682 ~ 35.19%
B 222 of 682 ~ 32.55'%

%32.26

%35.19

%32.55

CMYK color model

#DCF0DE color CMYK value is (8,0,8,6).

cyan value is 8.33%
magenta value is 0.00%
yellow value is 7.50%
key color value is 5.88%

CMYK: (8,0,8,6) C8M0Y8K6 (8%,0%,8%,6%) (0.08/0.00/0.08/0.06)

CMYK percentages

%8.33

%7.5

%5.88

Codes

Color #DCF0DE in popluar color models

	DC	F0	DE
RGB	220	240	222
HSL	126°	40.00%	90.20%
HSB/HSV	126°	8.33%	94.12%
CMYK	8.33%	0.00%	7.50%
CMYK	5.88%

Color #DCF0DE in popluar number systems.

HEX	DC	F0	DE
Decimal	220	240	222
Binary	11011100	11110000	11011110
Octal	334	360	336

Shades and tints

Shades of #DCF0DE

#DCF0DE
(220,240,222)

#C8DBCA
(200,219,202)

#B4C6B6
(180,198,182)

#A0B1A2
(160,177,162)

#8C9C8E
(140,156,142)

#78877A
(120,135,122)

#647266
(100,114,102)

#505D52
(80,93,82)

#3C483E
(60,72,62)

#28332A
(40,51,42)

#141E16
(20,30,22)

#000000
(0,0,0)

Tints of #DCF0DE

#DCF0DE
(220,240,222)

#DFF1E1
(223,241,225)

#E2F2E4
(226,242,228)

#E5F3E7
(229,243,231)

#E8F4EA
(232,244,234)

#EBF5ED
(235,245,237)

#EEF6F0
(238,246,240)

#F1F7F3
(241,247,243)

#F4F8F6
(244,248,246)

#F7F9F9
(247,249,249)

#FAFAFC
(250,250,252)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DCF0DE color. Also use rgb(220,240,222) instead hex code.

Text Font Color

.myTextColor { color: #DCF0DE; }

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

This text font color is #DCF0DE.

Background Color

.myBgColor { background-color: #DCF0DE; }

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

This div background color is #DCF0DE.

Border color

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

This div border color is #DCF0DE.

Opacity

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

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

This text has shadow with #DCF0DE color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #DCF0DE.