Color #EDD56A

Color info

#EDD56A contains mainly red and green colors. Web safe color of #EDD56A is #FFCC66 (or #FC6).

RGB color model

#EDD56A color RGB value is (237,213,106).

red value is 237;
green value is 213;
blue value is 106.

RGB:
(237,213,106)
(93%,84%,42%)

RGB channels and saturation

R 237 of 255 = 93%
G 213 of 255 = 84%
B 106 of 255 = 42%

237

213

106

R + G + B ~ 73%. #EDD56A is quite light color.

Portions of RGB colors in percentages

R + G + B =
237 + 213 + 106 = 556 (100%)
R 237 of 556 ~ 42.63%
G 213 of 556 ~ 38.31%
B 106 of 556 ~ 19.06%

%42.63

%38.31

%19.06

CMYK color model

#EDD56A color CMYK value is (0,10,55,7).

cyan value is 0.00%
magenta value is 10.13%
yellow value is 55.27%
key color value is 7.06%

CMYK:
(0,10,55,7)
C0M10Y55K7 
(0%,10%,55%,7%)
(0.00/0.10/0.55/0.07)

CMYK percentages

%10.13

%55.27

%7.06

Codes

Color #EDD56A in popluar color models

	ED	D5	6A
RGB	237	213	106
HSL	49°	78.44%	67.25%
HSB/HSV	49°	55.27%	92.94%
CMYK	0.00%	10.13%	55.27%
CMYK	7.06%

Color #EDD56A in popluar number systems.

HEX	ED	D5	6A
Decimal	237	213	106
Binary	11101101	11010101	1101010
Octal	355	325	152

Shades and tints

Shades of #EDD56A

#EDD56A
(237,213,106)

#D8C261
(216,194,97)

#C3AF58
(195,175,88)

#AE9C4F
(174,156,79)

#998946
(153,137,70)

#84763D
(132,118,61)

#6F6334
(111,99,52)

#5A502B
(90,80,43)

#453D22
(69,61,34)

#302A19
(48,42,25)

#1B1710
(27,23,16)

#000000
(0,0,0)

Tints of #EDD56A

#EDD56A
(237,213,106)

#EED877
(238,216,119)

#EFDB84
(239,219,132)

#F0DE91
(240,222,145)

#F1E19E
(241,225,158)

#F2E4AB
(242,228,171)

#F3E7B8
(243,231,184)

#F4EAC5
(244,234,197)

#F5EDD2
(245,237,210)

#F6F0DF
(246,240,223)

#F7F3EC
(247,243,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #EDD56A color. Also use rgb(237,213,106) instead hex code.

Text Font Color

.myTextColor { color: #EDD56A; }

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

This text font color is #EDD56A.

Background Color

.myBgColor { background-color: #EDD56A; }

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

This div background color is #EDD56A.

Border color

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

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

This div border color is #EDD56A.

Opacity

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

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

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

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

This text has shadow with #EDD56A color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #EDD56A.

Preview

Color preview on black background

This text has color #EDD56A on black background.

Color preview on white background

This text has color #EDD56A on white background.

Black color preview on #EDD56A background

This text has black color on #EDD56A background.

White color preview on #EDD56A background

This text has white color on #EDD56A background.