Color #E2CA7C

Color info

#E2CA7C contains mainly red and green colors. Web safe color of #E2CA7C is #CCCC66 (or #CC6).

RGB color model

#E2CA7C color RGB value is (226,202,124).

red value is 226;
green value is 202;
blue value is 124.

RGB: (226,202,124) (89%, 79%, 49%)

RGB channels and saturation

R 226 of 255 = 89%
G 202 of 255 = 79%
B 124 of 255 = 49%

226

202

124

R + G + B ~ 72%. #E2CA7C is quite light color.

Portions of RGB colors in percentages

R + G + B = 226 + 202 + 124 = 552 (100%)
R 226 of 552 ~ 40.94%
G 202 of 552 ~ 36.59%
B 124 of 552 ~ 22.46'%

%40.94

%36.59

%22.46

CMYK color model

#E2CA7C color CMYK value is (0,11,45,11).

cyan value is 0.00%
magenta value is 10.62%
yellow value is 45.13%
key color value is 11.37%

CMYK: (0,11,45,11)
C0M11Y45K11 (0%, 11%, 45%, 11%)
(0.00 / 0.11 / 0.45 / 0.11)

CMYK percentages

%0

%10.62

%45.13

%11.37

Codes

Color #E2CA7C in popluar color models

	E2	CA	7C
RGB	226	202	124
HSL	46°	63.75%	68.63%
HSB/HSV	46°	45.13%	88.63%
CMYK	0.00%	10.62%	45.13%
CMYK	11.37%

Color #E2CA7C in popluar number systems.

HEX	E2	CA	7C
Decimal	226	202	124
Binary	11100010	11001010	1111100
Octal	342	312	174

Shades and tints

Shades of #E2CA7C

#E2CA7C
(226,202,124)

#CEB871
(206,184,113)

#BAA666
(186,166,102)

#A6945B
(166,148,91)

#928250
(146,130,80)

#7E7045
(126,112,69)

#6A5E3A
(106,94,58)

#564C2F
(86,76,47)

#423A24
(66,58,36)

#2E2819
(46,40,25)

#1A160E
(26,22,14)

#000000
(0,0,0)

Tints of #E2CA7C

#E2CA7C
(226,202,124)

#E4CE87
(228,206,135)

#E6D292
(230,210,146)

#E8D69D
(232,214,157)

#EADAA8
(234,218,168)

#ECDEB3
(236,222,179)

#EEE2BE
(238,226,190)

#F0E6C9
(240,230,201)

#F2EAD4
(242,234,212)

#F4EEDF
(244,238,223)

#F6F2EA
(246,242,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #E2CA7C color. Also use rgb(226,202,124) instead hex code.

Text Font Color

.myTextColor { color: #E2CA7C; }

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

This text font color is #E2CA7C.

Background Color

.myBgColor { background-color: #E2CA7C; }

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

This div background color is #E2CA7C.

Border color

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

This div border color is #E2CA7C.

Opacity

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

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

This text has shadow with #E2CA7C color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #E2CA7C.