Color #ECEB2C

Color info

#ECEB2C contains mainly red and green colors. Web safe color of #ECEB2C is #FFFF33 (or #FF3).

RGB color model

#ECEB2C color RGB value is (236,235,44).

red value is 236;
green value is 235;
blue value is 44.

RGB:
(236,235,44)
(93%,92%,17%)

RGB channels and saturation

R 236 of 255 = 93%
G 235 of 255 = 92%
B 44 of 255 = 17%

236

235

R + G + B ~ 67%. #ECEB2C is quite light color.

Portions of RGB colors in percentages

R + G + B =
236 + 235 + 44 = 515 (100%)
R 236 of 515 ~ 45.83%
G 235 of 515 ~ 45.63%
B 44 of 515 ~ 8.54%

%45.83

%45.63

CMYK color model

#ECEB2C color CMYK value is (0,0,81,7).

cyan value is 0.00%
magenta value is 0.42%
yellow value is 81.36%
key color value is 7.45%

CMYK:
(0,0,81,7)
C0M0Y81K7 
(0%,0%,81%,7%)
(0.00/0.00/0.81/0.07)

CMYK percentages

%0.42

%81.36

%7.45

Codes

Color #ECEB2C in popluar color models

	EC	EB	2C
RGB	236	235	44
HSL	60°	83.48%	54.90%
HSB/HSV	60°	81.36%	92.55%
CMYK	0.00%	0.42%	81.36%
CMYK	7.45%

Color #ECEB2C in popluar number systems.

HEX	EC	EB	2C
Decimal	236	235	44
Binary	11101100	11101011	101100
Octal	354	353	54

Shades and tints

Shades of #ECEB2C

#ECEB2C
(236,235,44)

#D7D628
(215,214,40)

#C2C124
(194,193,36)

#ADAC20
(173,172,32)

#98971C
(152,151,28)

#838218
(131,130,24)

#6E6D14
(110,109,20)

#595810
(89,88,16)

#44430C
(68,67,12)

#2F2E08
(47,46,8)

#1A1904
(26,25,4)

#000000
(0,0,0)

Tints of #ECEB2C

#ECEB2C
(236,235,44)

#EDEC3F
(237,236,63)

#EEED52
(238,237,82)

#EFEE65
(239,238,101)

#F0EF78
(240,239,120)

#F1F08B
(241,240,139)

#F2F19E
(242,241,158)

#F3F2B1
(243,242,177)

#F4F3C4
(244,243,196)

#F5F4D7
(245,244,215)

#F6F5EA
(246,245,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #ECEB2C color. Also use rgb(236,235,44) instead hex code.

Text Font Color

.myTextColor { color: #ECEB2C; }

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

This text font color is #ECEB2C.

Background Color

.myBgColor { background-color: #ECEB2C; }

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

This div background color is #ECEB2C.

Border color

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

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

This div border color is #ECEB2C.

Opacity

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

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

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

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

This text has shadow with #ECEB2C color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #ECEB2C.

Preview

Color preview on black background

This text has color #ECEB2C on black background.

Color preview on white background

This text has color #ECEB2C on white background.

Black color preview on #ECEB2C background

This text has black color on #ECEB2C background.

White color preview on #ECEB2C background

This text has white color on #ECEB2C background.