Color #E4C22D

Color info

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

RGB color model

#E4C22D color RGB value is (228,194,45).

red value is 228;
green value is 194;
blue value is 45.

RGB:
(228,194,45)
(89%,76%,18%)

RGB channels and saturation

R 228 of 255 = 89%
G 194 of 255 = 76%
B 45 of 255 = 18%

228

194

R + G + B ~ 61%. #E4C22D is quite light color.

Portions of RGB colors in percentages

R + G + B =
228 + 194 + 45 = 467 (100%)
R 228 of 467 ~ 48.82%
G 194 of 467 ~ 41.54%
B 45 of 467 ~ 9.64%

%48.82

%41.54

%9.64

CMYK color model

#E4C22D color CMYK value is (0,15,80,11).

cyan value is 0.00%
magenta value is 14.91%
yellow value is 80.26%
key color value is 10.59%

CMYK:
(0,15,80,11)
C0M15Y80K11 
(0%,15%,80%,11%)
(0.00/0.15/0.80/0.11)

CMYK percentages

%14.91

%80.26

%10.59

Codes

Color #E4C22D in popluar color models

	E4	C2	2D
RGB	228	194	45
HSL	49°	77.22%	53.53%
HSB/HSV	49°	80.26%	89.41%
CMYK	0.00%	14.91%	80.26%
CMYK	10.59%

Color #E4C22D in popluar number systems.

HEX	E4	C2	2D
Decimal	228	194	45
Binary	11100100	11000010	101101
Octal	344	302	55

Shades and tints

Shades of #E4C22D

#E4C22D
(228,194,45)

#D0B129
(208,177,41)

#BCA025
(188,160,37)

#A88F21
(168,143,33)

#947E1D
(148,126,29)

#806D19
(128,109,25)

#6C5C15
(108,92,21)

#584B11
(88,75,17)

#443A0D
(68,58,13)

#302909
(48,41,9)

#1C1805
(28,24,5)

#000000
(0,0,0)

Tints of #E4C22D

#E4C22D
(228,194,45)

#E6C740
(230,199,64)

#E8CC53
(232,204,83)

#EAD166
(234,209,102)

#ECD679
(236,214,121)

#EEDB8C
(238,219,140)

#F0E09F
(240,224,159)

#F2E5B2
(242,229,178)

#F4EAC5
(244,234,197)

#F6EFD8
(246,239,216)

#F8F4EB
(248,244,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #E4C22D color. Also use rgb(228,194,45) instead hex code.

Text Font Color

.myTextColor { color: #E4C22D; }

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

This text font color is #E4C22D.

Background Color

.myBgColor { background-color: #E4C22D; }

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

This div background color is #E4C22D.

Border color

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

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

This div border color is #E4C22D.

Opacity

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

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

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

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

This text has shadow with #E4C22D color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #E4C22D.

Preview

Color preview on black background

This text has color #E4C22D on black background.

Color preview on white background

This text has color #E4C22D on white background.

Black color preview on #E4C22D background

This text has black color on #E4C22D background.

White color preview on #E4C22D background

This text has white color on #E4C22D background.