COLOR #EEB03B

HEX: #EEB03B
RGB: (238,176,59)

Color info

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

RGB color model

#EEB03B color RGB value is (238,176,59).

  • red value is 238;
  • green value is 176;
  • blue value is 59.
RGB:
(238,176,59)
(93%,69%,23%)

RGB channels and saturation

R 238 of 255 = 93%
G 176 of 255 = 69%
B 59 of 255 = 23%

238
176
59

R + G + B ~ 62%. #EEB03B is quite light color.

Portions of RGB colors in percentages

R + G + B =
238 + 176 + 59 = 473 (100%)
R 238 of 473 ~ 50.32%
G 176 of 473 ~ 37.21%
B 59 of 473 ~ 12.47%

%50.32
%37.21
%12.47

CMYK color model

#EEB03B color CMYK value is (0,26,75,7).

  • cyan value is 0.00%
  • magenta value is 26.05%
  • yellow value is 75.21%
  • key color value is 6.67%
CMYK:
(0,26,75,7)
C0M26Y75K7 
(0%,26%,75%,7%)
(0.00/0.26/0.75/0.07)	

CMYK percentages

%0
%26.05
%75.21
%6.67

Codes

Color #EEB03B in popluar color models

EEB03B
RGB23817659
HSL39°84.04%58.24%
HSB/HSV39°75.21%93.33%
CMYK0.00%26.05%75.21%
6.67%

Color #EEB03B in popluar number systems.

HEXEEB03B
Decimal23817659
Binary1110111010110000111011
Octal35626073

Shades and tints

Shades of #EEB03B

#EEB03B
(238,176,59)
#D9A036
(217,160,54)
#C49031
(196,144,49)
#AF802C
(175,128,44)
#9A7027
(154,112,39)
#856022
(133,96,34)
#70501D
(112,80,29)
#5B4018
(91,64,24)
#463013
(70,48,19)
#31200E
(49,32,14)
#1C1009
(28,16,9)
#000000
(0,0,0)

Tints of #EEB03B

#EEB03B
(238,176,59)
#EFB74C
(239,183,76)
#F0BE5D
(240,190,93)
#F1C56E
(241,197,110)
#F2CC7F
(242,204,127)
#F3D390
(243,211,144)
#F4DAA1
(244,218,161)
#F5E1B2
(245,225,178)
#F6E8C3
(246,232,195)
#F7EFD4
(247,239,212)
#F8F6E5
(248,246,229)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #EEB03B color. Also use rgb(238,176,59) instead hex code.

Text Font Color

.myTextColor { color: #EEB03B; }

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

This text font color is #EEB03B.


Background Color

.myBgColor { background-color: #EEB03B; }

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

This div background color is #EEB03B.


Border color

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

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

This div border color is #EEB03B.


Opacity

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

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

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

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

This text has shadow with #EEB03B color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #EEB03B on black background.


Color preview on white background

This text has color #EEB03B on white background.



Black color preview on #EEB03B background

This text has black color on #EEB03B background.


White color preview on #EEB03B background

This text has white color on #EEB03B background.