Color #EDD974

Color info

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

RGB color model

#EDD974 color RGB value is (237,217,116).

red value is 237;
green value is 217;
blue value is 116.

RGB:
(237,217,116)
(93%,85%,45%)

RGB channels and saturation

R 237 of 255 = 93%
G 217 of 255 = 85%
B 116 of 255 = 45%

237

217

116

R + G + B ~ 74%. #EDD974 is quite light color.

Portions of RGB colors in percentages

R + G + B =
237 + 217 + 116 = 570 (100%)
R 237 of 570 ~ 41.58%
G 217 of 570 ~ 38.07%
B 116 of 570 ~ 20.35%

%41.58

%38.07

%20.35

CMYK color model

#EDD974 color CMYK value is (0,8,51,7).

cyan value is 0.00%
magenta value is 8.44%
yellow value is 51.05%
key color value is 7.06%

CMYK:
(0,8,51,7)
C0M8Y51K7 
(0%,8%,51%,7%)
(0.00/0.08/0.51/0.07)

CMYK percentages

%8.44

%51.05

%7.06

Codes

Color #EDD974 in popluar color models

	ED	D9	74
RGB	237	217	116
HSL	50°	77.07%	69.22%
HSB/HSV	50°	51.05%	92.94%
CMYK	0.00%	8.44%	51.05%
CMYK	7.06%

Color #EDD974 in popluar number systems.

HEX	ED	D9	74
Decimal	237	217	116
Binary	11101101	11011001	1110100
Octal	355	331	164

Shades and tints

Shades of #EDD974

#EDD974
(237,217,116)

#D8C66A
(216,198,106)

#C3B360
(195,179,96)

#AEA056
(174,160,86)

#998D4C
(153,141,76)

#847A42
(132,122,66)

#6F6738
(111,103,56)

#5A542E
(90,84,46)

#454124
(69,65,36)

#302E1A
(48,46,26)

#1B1B10
(27,27,16)

#000000
(0,0,0)

Tints of #EDD974

#EDD974
(237,217,116)

#EEDC80
(238,220,128)

#EFDF8C
(239,223,140)

#F0E298
(240,226,152)

#F1E5A4
(241,229,164)

#F2E8B0
(242,232,176)

#F3EBBC
(243,235,188)

#F4EEC8
(244,238,200)

#F5F1D4
(245,241,212)

#F6F4E0
(246,244,224)

#F7F7EC
(247,247,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #EDD974 color. Also use rgb(237,217,116) instead hex code.

Text Font Color

.myTextColor { color: #EDD974; }

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

This text font color is #EDD974.

Background Color

.myBgColor { background-color: #EDD974; }

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

This div background color is #EDD974.

Border color

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

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

This div border color is #EDD974.

Opacity

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

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

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

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

This text has shadow with #EDD974 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #EDD974.

Preview

Color preview on black background

This text has color #EDD974 on black background.

Color preview on white background

This text has color #EDD974 on white background.

Black color preview on #EDD974 background

This text has black color on #EDD974 background.

White color preview on #EDD974 background

This text has white color on #EDD974 background.