Color #EDC157

Color info

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

RGB color model

#EDC157 color RGB value is (237,193,87).

red value is 237;
green value is 193;
blue value is 87.

RGB:
(237,193,87)
(93%,76%,34%)

RGB channels and saturation

R 237 of 255 = 93%
G 193 of 255 = 76%
B 87 of 255 = 34%

237

193

R + G + B ~ 68%. #EDC157 is quite light color.

Portions of RGB colors in percentages

R + G + B =
237 + 193 + 87 = 517 (100%)
R 237 of 517 ~ 45.84%
G 193 of 517 ~ 37.33%
B 87 of 517 ~ 16.83%

%45.84

%37.33

%16.83

CMYK color model

#EDC157 color CMYK value is (0,19,63,7).

cyan value is 0.00%
magenta value is 18.57%
yellow value is 63.29%
key color value is 7.06%

CMYK:
(0,19,63,7)
C0M19Y63K7 
(0%,19%,63%,7%)
(0.00/0.19/0.63/0.07)

CMYK percentages

%18.57

%63.29

%7.06

Codes

Color #EDC157 in popluar color models

	ED	C1	57
RGB	237	193	87
HSL	42°	80.65%	63.53%
HSB/HSV	42°	63.29%	92.94%
CMYK	0.00%	18.57%	63.29%
CMYK	7.06%

Color #EDC157 in popluar number systems.

HEX	ED	C1	57
Decimal	237	193	87
Binary	11101101	11000001	1010111
Octal	355	301	127

Shades and tints

Shades of #EDC157

#EDC157
(237,193,87)

#D8B050
(216,176,80)

#C39F49
(195,159,73)

#AE8E42
(174,142,66)

#997D3B
(153,125,59)

#846C34
(132,108,52)

#6F5B2D
(111,91,45)

#5A4A26
(90,74,38)

#45391F
(69,57,31)

#302818
(48,40,24)

#1B1711
(27,23,17)

#000000
(0,0,0)

Tints of #EDC157

#EDC157
(237,193,87)

#EEC666
(238,198,102)

#EFCB75
(239,203,117)

#F0D084
(240,208,132)

#F1D593
(241,213,147)

#F2DAA2
(242,218,162)

#F3DFB1
(243,223,177)

#F4E4C0
(244,228,192)

#F5E9CF
(245,233,207)

#F6EEDE
(246,238,222)

#F7F3ED
(247,243,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #EDC157 color. Also use rgb(237,193,87) instead hex code.

Text Font Color

.myTextColor { color: #EDC157; }

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

This text font color is #EDC157.

Background Color

.myBgColor { background-color: #EDC157; }

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

This div background color is #EDC157.

Border color

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

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

This div border color is #EDC157.

Opacity

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

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

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

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

This text has shadow with #EDC157 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #EDC157.

Preview

Color preview on black background

This text has color #EDC157 on black background.

Color preview on white background

This text has color #EDC157 on white background.

Black color preview on #EDC157 background

This text has black color on #EDC157 background.

White color preview on #EDC157 background

This text has white color on #EDC157 background.