COLOR #EBBB4A

HEX: #EBBB4A
RGB: (235,187,74)

Color info

#EBBB4A contains mainly red and green colors. Web safe color of #EBBB4A is #FFCC33 (or #FC3).

RGB color model

#EBBB4A color RGB value is (235,187,74).

  • red value is 235;
  • green value is 187;
  • blue value is 74.
RGB:
(235,187,74)
(92%,73%,29%)

RGB channels and saturation

R 235 of 255 = 92%
G 187 of 255 = 73%
B 74 of 255 = 29%

235
187
74

R + G + B ~ 65%. #EBBB4A is quite light color.

Portions of RGB colors in percentages

R + G + B =
235 + 187 + 74 = 496 (100%)
R 235 of 496 ~ 47.38%
G 187 of 496 ~ 37.7%
B 74 of 496 ~ 14.92%

%47.38
%37.7
%14.92

CMYK color model

#EBBB4A color CMYK value is (0,20,69,8).

  • cyan value is 0.00%
  • magenta value is 20.43%
  • yellow value is 68.51%
  • key color value is 7.84%
CMYK:
(0,20,69,8)
C0M20Y69K8 
(0%,20%,69%,8%)
(0.00/0.20/0.69/0.08)	

CMYK percentages

%0
%20.43
%68.51
%7.84

Codes

Color #EBBB4A in popluar color models

EBBB4A
RGB23518774
HSL42°80.10%60.59%
HSB/HSV42°68.51%92.16%
CMYK0.00%20.43%68.51%
7.84%

Color #EBBB4A in popluar number systems.

HEXEBBB4A
Decimal23518774
Binary11101011101110111001010
Octal353273112

Shades and tints

Shades of #EBBB4A

#EBBB4A
(235,187,74)
#D6AA44
(214,170,68)
#C1993E
(193,153,62)
#AC8838
(172,136,56)
#977732
(151,119,50)
#82662C
(130,102,44)
#6D5526
(109,85,38)
#584420
(88,68,32)
#43331A
(67,51,26)
#2E2214
(46,34,20)
#19110E
(25,17,14)
#000000
(0,0,0)

Tints of #EBBB4A

#EBBB4A
(235,187,74)
#ECC15A
(236,193,90)
#EDC76A
(237,199,106)
#EECD7A
(238,205,122)
#EFD38A
(239,211,138)
#F0D99A
(240,217,154)
#F1DFAA
(241,223,170)
#F2E5BA
(242,229,186)
#F3EBCA
(243,235,202)
#F4F1DA
(244,241,218)
#F5F7EA
(245,247,234)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #EBBB4A color. Also use rgb(235,187,74) instead hex code.

Text Font Color

.myTextColor { color: #EBBB4A; }

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

This text font color is #EBBB4A.


Background Color

.myBgColor { background-color: #EBBB4A; }

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

This div background color is #EBBB4A.


Border color

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

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

This div border color is #EBBB4A.


Opacity

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

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

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

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

This text has shadow with #EBBB4A color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #EBBB4A on black background.


Color preview on white background

This text has color #EBBB4A on white background.



Black color preview on #EBBB4A background

This text has black color on #EBBB4A background.


White color preview on #EBBB4A background

This text has white color on #EBBB4A background.