Color #E0CABB

Color info

#E0CABB contains red, green and blue colors in about the same proportion. Web safe color of #E0CABB is #CCCCCC (or #CCC).

RGB color model

#E0CABB color RGB value is (224,202,187).

red value is 224;
green value is 202;
blue value is 187.

RGB:
(224,202,187)
(88%,79%,73%)

RGB channels and saturation

R 224 of 255 = 88%
G 202 of 255 = 79%
B 187 of 255 = 73%

224

202

187

R + G + B ~ 80%. #E0CABB is quite light color.

Portions of RGB colors in percentages

R + G + B =
224 + 202 + 187 = 613 (100%)
R 224 of 613 ~ 36.54%
G 202 of 613 ~ 32.95%
B 187 of 613 ~ 30.51%

%36.54

%32.95

%30.51

CMYK color model

#E0CABB color CMYK value is (0,10,17,12).

cyan value is 0.00%
magenta value is 9.82%
yellow value is 16.52%
key color value is 12.16%

CMYK:
(0,10,17,12)
C0M10Y17K12 
(0%,10%,17%,12%)
(0.00/0.10/0.17/0.12)

CMYK percentages

%9.82

%16.52

%12.16

Codes

Color #E0CABB in popluar color models

	E0	CA	BB
RGB	224	202	187
HSL	24°	37.37%	80.59%
HSB/HSV	24°	16.52%	87.84%
CMYK	0.00%	9.82%	16.52%
CMYK	12.16%

Color #E0CABB in popluar number systems.

HEX	E0	CA	BB
Decimal	224	202	187
Binary	11100000	11001010	10111011
Octal	340	312	273

Shades and tints

Shades of #E0CABB

#E0CABB
(224,202,187)

#CCB8AA
(204,184,170)

#B8A699
(184,166,153)

#A49488
(164,148,136)

#908277
(144,130,119)

#7C7066
(124,112,102)

#685E55
(104,94,85)

#544C44
(84,76,68)

#403A33
(64,58,51)

#2C2822
(44,40,34)

#181611
(24,22,17)

#000000
(0,0,0)

Tints of #E0CABB

#E0CABB
(224,202,187)

#E2CEC1
(226,206,193)

#E4D2C7
(228,210,199)

#E6D6CD
(230,214,205)

#E8DAD3
(232,218,211)

#EADED9
(234,222,217)

#ECE2DF
(236,226,223)

#EEE6E5
(238,230,229)

#F0EAEB
(240,234,235)

#F2EEF1
(242,238,241)

#F4F2F7
(244,242,247)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #E0CABB color. Also use rgb(224,202,187) instead hex code.

Text Font Color

.myTextColor { color: #E0CABB; }

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

This text font color is #E0CABB.

Background Color

.myBgColor { background-color: #E0CABB; }

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

This div background color is #E0CABB.

Border color

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

<div style="border:3px solid #E0CABB">Div</div>

This div border color is #E0CABB.

Opacity

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

<p style="color:#E0CABB;opacity:0.8;">80%</p>

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

<p style="text-shadow: 3px 3px 1px #E0CABB">Text here.</p>

This text has shadow with #E0CABB color.

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

<p style="text-shadow: 3px 3px 1px #E0CABB, 5px 5px 20px red">Text here.</p>

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

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

<p style="filter: Shadow(Color=#E0CABB, Direction=45, Strength=4)">Text</p>

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

Div box shadow color

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

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

This div box has shadow with color #E0CABB.

Preview

Color preview on black background

This text has color #E0CABB on black background.

Color preview on white background

This text has color #E0CABB on white background.

Black color preview on #E0CABB background

This text has black color on #E0CABB background.

White color preview on #E0CABB background

This text has white color on #E0CABB background.