Color #EAA480

Color info

#EAA480 contains mainly red color. Web safe color of #EAA480 is #FF9966 (or #F96).

RGB color model

#EAA480 color RGB value is (234,164,128).

red value is 234;
green value is 164;
blue value is 128.

RGB:
(234,164,128)
(92%,64%,50%)

RGB channels and saturation

R 234 of 255 = 92%
G 164 of 255 = 64%
B 128 of 255 = 50%

234

164

128

R + G + B ~ 69%. #EAA480 is quite light color.

Portions of RGB colors in percentages

R + G + B =
234 + 164 + 128 = 526 (100%)
R 234 of 526 ~ 44.49%
G 164 of 526 ~ 31.18%
B 128 of 526 ~ 24.33%

%44.49

%31.18

%24.33

CMYK color model

#EAA480 color CMYK value is (0,30,45,8).

cyan value is 0.00%
magenta value is 29.91%
yellow value is 45.30%
key color value is 8.24%

CMYK:
(0,30,45,8)
C0M30Y45K8 
(0%,30%,45%,8%)
(0.00/0.30/0.45/0.08)

CMYK percentages

%29.91

%45.3

%8.24

Codes

Color #EAA480 in popluar color models

	EA	A4	80
RGB	234	164	128
HSL	20°	71.62%	70.98%
HSB/HSV	20°	45.30%	91.76%
CMYK	0.00%	29.91%	45.30%
CMYK	8.24%

Color #EAA480 in popluar number systems.

HEX	EA	A4	80
Decimal	234	164	128
Binary	11101010	10100100	10000000
Octal	352	244	200

Shades and tints

Shades of #EAA480

#EAA480
(234,164,128)

#D59675
(213,150,117)

#C0886A
(192,136,106)

#AB7A5F
(171,122,95)

#966C54
(150,108,84)

#815E49
(129,94,73)

#6C503E
(108,80,62)

#574233
(87,66,51)

#423428
(66,52,40)

#2D261D
(45,38,29)

#181812
(24,24,18)

#000000
(0,0,0)

Tints of #EAA480

#EAA480
(234,164,128)

#EBAC8B
(235,172,139)

#ECB496
(236,180,150)

#EDBCA1
(237,188,161)

#EEC4AC
(238,196,172)

#EFCCB7
(239,204,183)

#F0D4C2
(240,212,194)

#F1DCCD
(241,220,205)

#F2E4D8
(242,228,216)

#F3ECE3
(243,236,227)

#F4F4EE
(244,244,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #EAA480 color. Also use rgb(234,164,128) instead hex code.

Text Font Color

.myTextColor { color: #EAA480; }

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

This text font color is #EAA480.

Background Color

.myBgColor { background-color: #EAA480; }

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

This div background color is #EAA480.

Border color

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

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

This div border color is #EAA480.

Opacity

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

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

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

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

This text has shadow with #EAA480 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #EAA480.

Preview

Color preview on black background

This text has color #EAA480 on black background.

Color preview on white background

This text has color #EAA480 on white background.

Black color preview on #EAA480 background

This text has black color on #EAA480 background.

White color preview on #EAA480 background

This text has white color on #EAA480 background.