Color #EDAB36

Color info

#EDAB36 contains mainly red color. Web safe color of #EDAB36 is #FF9933 (or #F93).

RGB color model

#EDAB36 color RGB value is (237,171,54).

red value is 237;
green value is 171;
blue value is 54.

RGB:
(237,171,54)
(93%,67%,21%)

RGB channels and saturation

R 237 of 255 = 93%
G 171 of 255 = 67%
B 54 of 255 = 21%

237

171

R + G + B ~ 60%. #EDAB36 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
237 + 171 + 54 = 462 (100%)
R 237 of 462 ~ 51.3%
G 171 of 462 ~ 37.01%
B 54 of 462 ~ 11.69%

%51.3

%37.01

%11.69

CMYK color model

#EDAB36 color CMYK value is (0,28,77,7).

cyan value is 0.00%
magenta value is 27.85%
yellow value is 77.22%
key color value is 7.06%

CMYK:
(0,28,77,7)
C0M28Y77K7 
(0%,28%,77%,7%)
(0.00/0.28/0.77/0.07)

CMYK percentages

%27.85

%77.22

%7.06

Codes

Color #EDAB36 in popluar color models

	ED	AB	36
RGB	237	171	54
HSL	38°	83.56%	57.06%
HSB/HSV	38°	77.22%	92.94%
CMYK	0.00%	27.85%	77.22%
CMYK	7.06%

Color #EDAB36 in popluar number systems.

HEX	ED	AB	36
Decimal	237	171	54
Binary	11101101	10101011	110110
Octal	355	253	66

Shades and tints

Shades of #EDAB36

#EDAB36
(237,171,54)

#D89C32
(216,156,50)

#C38D2E
(195,141,46)

#AE7E2A
(174,126,42)

#996F26
(153,111,38)

#846022
(132,96,34)

#6F511E
(111,81,30)

#5A421A
(90,66,26)

#453316
(69,51,22)

#302412
(48,36,18)

#1B150E
(27,21,14)

#000000
(0,0,0)

Tints of #EDAB36

#EDAB36
(237,171,54)

#EEB248
(238,178,72)

#EFB95A
(239,185,90)

#F0C06C
(240,192,108)

#F1C77E
(241,199,126)

#F2CE90
(242,206,144)

#F3D5A2
(243,213,162)

#F4DCB4
(244,220,180)

#F5E3C6
(245,227,198)

#F6EAD8
(246,234,216)

#F7F1EA
(247,241,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #EDAB36 color. Also use rgb(237,171,54) instead hex code.

Text Font Color

.myTextColor { color: #EDAB36; }

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

This text font color is #EDAB36.

Background Color

.myBgColor { background-color: #EDAB36; }

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

This div background color is #EDAB36.

Border color

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

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

This div border color is #EDAB36.

Opacity

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

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

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

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

This text has shadow with #EDAB36 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #EDAB36.

Preview

Color preview on black background

This text has color #EDAB36 on black background.

Color preview on white background

This text has color #EDAB36 on white background.

Black color preview on #EDAB36 background

This text has black color on #EDAB36 background.

White color preview on #EDAB36 background

This text has white color on #EDAB36 background.