COLOR #EC9511

HEX: #EC9511
RGB: (236,149,17)

Color info

#EC9511 contains mainly red color. Web safe color of #EC9511 is #FF9900 (or #F90).

RGB color model

#EC9511 color RGB value is (236,149,17).

  • red value is 236;
  • green value is 149;
  • blue value is 17.
RGB:
(236,149,17)
(93%,58%,7%)

RGB channels and saturation

R 236 of 255 = 93%
G 149 of 255 = 58%
B 17 of 255 = 7%

236
149
17

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

Portions of RGB colors in percentages

R + G + B =
236 + 149 + 17 = 402 (100%)
R 236 of 402 ~ 58.71%
G 149 of 402 ~ 37.06%
B 17 of 402 ~ 4.23%

%58.71
%37.06

CMYK color model

#EC9511 color CMYK value is (0,37,93,7).

  • cyan value is 0.00%
  • magenta value is 36.86%
  • yellow value is 92.80%
  • key color value is 7.45%
CMYK:
(0,37,93,7)
C0M37Y93K7 
(0%,37%,93%,7%)
(0.00/0.37/0.93/0.07)	

CMYK percentages

%0
%36.86
%92.8
%7.45

Codes

Color #EC9511 in popluar color models

EC9511
RGB23614917
HSL36°86.56%49.61%
HSB/HSV36°92.80%92.55%
CMYK0.00%36.86%92.80%
7.45%

Color #EC9511 in popluar number systems.

HEXEC9511
Decimal23614917
Binary111011001001010110001
Octal35422521

Shades and tints

Shades of #EC9511

#EC9511
(236,149,17)
#D78810
(215,136,16)
#C27B0F
(194,123,15)
#AD6E0E
(173,110,14)
#98610D
(152,97,13)
#83540C
(131,84,12)
#6E470B
(110,71,11)
#593A0A
(89,58,10)
#442D09
(68,45,9)
#2F2008
(47,32,8)
#1A1307
(26,19,7)
#000000
(0,0,0)

Tints of #EC9511

#EC9511
(236,149,17)
#ED9E26
(237,158,38)
#EEA73B
(238,167,59)
#EFB050
(239,176,80)
#F0B965
(240,185,101)
#F1C27A
(241,194,122)
#F2CB8F
(242,203,143)
#F3D4A4
(243,212,164)
#F4DDB9
(244,221,185)
#F5E6CE
(245,230,206)
#F6EFE3
(246,239,227)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #EC9511 color. Also use rgb(236,149,17) instead hex code.

Text Font Color

.myTextColor { color: #EC9511; }

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

This text font color is #EC9511.


Background Color

.myBgColor { background-color: #EC9511; }

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

This div background color is #EC9511.


Border color

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

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

This div border color is #EC9511.


Opacity

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

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

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

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

This text has shadow with #EC9511 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #EC9511 on black background.


Color preview on white background

This text has color #EC9511 on white background.



Black color preview on #EC9511 background

This text has black color on #EC9511 background.


White color preview on #EC9511 background

This text has white color on #EC9511 background.