COLOR #E9BA79

HEX: #E9BA79
RGB: (233,186,121)

Color info

#E9BA79 contains mainly red and green colors. Web safe color of #E9BA79 is #FFCC66 (or #FC6).

RGB color model

#E9BA79 color RGB value is (233,186,121).

  • red value is 233;
  • green value is 186;
  • blue value is 121.
RGB:
(233,186,121)
(91%,73%,47%)

RGB channels and saturation

R 233 of 255 = 91%
G 186 of 255 = 73%
B 121 of 255 = 47%

233
186
121

R + G + B ~ 70%. #E9BA79 is quite light color.

Portions of RGB colors in percentages

R + G + B =
233 + 186 + 121 = 540 (100%)
R 233 of 540 ~ 43.15%
G 186 of 540 ~ 34.44%
B 121 of 540 ~ 22.41%

%43.15
%34.44
%22.41

CMYK color model

#E9BA79 color CMYK value is (0,20,48,9).

  • cyan value is 0.00%
  • magenta value is 20.17%
  • yellow value is 48.07%
  • key color value is 8.63%
CMYK:
(0,20,48,9)
C0M20Y48K9 
(0%,20%,48%,9%)
(0.00/0.20/0.48/0.09)	

CMYK percentages

%0
%20.17
%48.07
%8.63

Codes

Color #E9BA79 in popluar color models

E9BA79
RGB233186121
HSL35°71.79%69.41%
HSB/HSV35°48.07%91.37%
CMYK0.00%20.17%48.07%
8.63%

Color #E9BA79 in popluar number systems.

HEXE9BA79
Decimal233186121
Binary11101001101110101111001
Octal351272171

Shades and tints

Shades of #E9BA79

#E9BA79
(233,186,121)
#D4AA6E
(212,170,110)
#BF9A63
(191,154,99)
#AA8A58
(170,138,88)
#957A4D
(149,122,77)
#806A42
(128,106,66)
#6B5A37
(107,90,55)
#564A2C
(86,74,44)
#413A21
(65,58,33)
#2C2A16
(44,42,22)
#171A0B
(23,26,11)
#000000
(0,0,0)

Tints of #E9BA79

#E9BA79
(233,186,121)
#EBC085
(235,192,133)
#EDC691
(237,198,145)
#EFCC9D
(239,204,157)
#F1D2A9
(241,210,169)
#F3D8B5
(243,216,181)
#F5DEC1
(245,222,193)
#F7E4CD
(247,228,205)
#F9EAD9
(249,234,217)
#FBF0E5
(251,240,229)
#FDF6F1
(253,246,241)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #E9BA79 color. Also use rgb(233,186,121) instead hex code.

Text Font Color

.myTextColor { color: #E9BA79; }

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

This text font color is #E9BA79.


Background Color

.myBgColor { background-color: #E9BA79; }

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

This div background color is #E9BA79.


Border color

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

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

This div border color is #E9BA79.


Opacity

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

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

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

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

This text has shadow with #E9BA79 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #E9BA79 on black background.


Color preview on white background

This text has color #E9BA79 on white background.



Black color preview on #E9BA79 background

This text has black color on #E9BA79 background.


White color preview on #E9BA79 background

This text has white color on #E9BA79 background.