Color #E4CD48

Color info

#E4CD48 contains mainly red and green colors. Web safe color of #E4CD48 is #CCCC33 (or #CC3).

RGB color model

#E4CD48 color RGB value is (228,205,72).

red value is 228;
green value is 205;
blue value is 72.

RGB:
(228,205,72)
(89%,80%,28%)

RGB channels and saturation

R 228 of 255 = 89%
G 205 of 255 = 80%
B 72 of 255 = 28%

228

205

R + G + B ~ 66%. #E4CD48 is quite light color.

Portions of RGB colors in percentages

R + G + B =
228 + 205 + 72 = 505 (100%)
R 228 of 505 ~ 45.15%
G 205 of 505 ~ 40.59%
B 72 of 505 ~ 14.26%

%45.15

%40.59

%14.26

CMYK color model

#E4CD48 color CMYK value is (0,10,68,11).

cyan value is 0.00%
magenta value is 10.09%
yellow value is 68.42%
key color value is 10.59%

CMYK:
(0,10,68,11)
C0M10Y68K11 
(0%,10%,68%,11%)
(0.00/0.10/0.68/0.11)

CMYK percentages

%10.09

%68.42

%10.59

Codes

Color #E4CD48 in popluar color models

	E4	CD	48
RGB	228	205	72
HSL	51°	74.29%	58.82%
HSB/HSV	51°	68.42%	89.41%
CMYK	0.00%	10.09%	68.42%
CMYK	10.59%

Color #E4CD48 in popluar number systems.

HEX	E4	CD	48
Decimal	228	205	72
Binary	11100100	11001101	1001000
Octal	344	315	110

Shades and tints

Shades of #E4CD48

#E4CD48
(228,205,72)

#D0BB42
(208,187,66)

#BCA93C
(188,169,60)

#A89736
(168,151,54)

#948530
(148,133,48)

#80732A
(128,115,42)

#6C6124
(108,97,36)

#584F1E
(88,79,30)

#443D18
(68,61,24)

#302B12
(48,43,18)

#1C190C
(28,25,12)

#000000
(0,0,0)

Tints of #E4CD48

#E4CD48
(228,205,72)

#E6D158
(230,209,88)

#E8D568
(232,213,104)

#EAD978
(234,217,120)

#ECDD88
(236,221,136)

#EEE198
(238,225,152)

#F0E5A8
(240,229,168)

#F2E9B8
(242,233,184)

#F4EDC8
(244,237,200)

#F6F1D8
(246,241,216)

#F8F5E8
(248,245,232)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #E4CD48 color. Also use rgb(228,205,72) instead hex code.

Text Font Color

.myTextColor { color: #E4CD48; }

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

This text font color is #E4CD48.

Background Color

.myBgColor { background-color: #E4CD48; }

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

This div background color is #E4CD48.

Border color

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

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

This div border color is #E4CD48.

Opacity

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

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

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

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

This text has shadow with #E4CD48 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #E4CD48.

Preview

Color preview on black background

This text has color #E4CD48 on black background.

Color preview on white background

This text has color #E4CD48 on white background.

Black color preview on #E4CD48 background

This text has black color on #E4CD48 background.

White color preview on #E4CD48 background

This text has white color on #E4CD48 background.