COLOR #E2CA75

HEX: #E2CA75 RGB: (226,202,117)

Color info

#E2CA75 contains mainly red and green colors. Web safe color of #E2CA75 is #CCCC66 (or #CC6).

RGB color model

#E2CA75 color RGB value is (226,202,117).

RGB: (226,202,117) (89%, 79%, 46%)

RGB channels and saturation

R 226 of 255 = 89%
G 202 of 255 = 79%
B 117 of 255 = 46%

226
202
117

R + G + B ~ 71%. #E2CA75 is quite light color.

Portions of RGB colors in percentages

R + G + B = 226 + 202 + 117 = 545 (100%)
R 226 of 545 ~ 41.47%
G 202 of 545 ~ 37.06%
B 117 of 545 ~ 21.47'%

%41.47
%37.06
%21.47

CMYK color model

#E2CA75 color CMYK value is (0,11,48,11).

  • cyan value is 0.00%
  • magenta value is 10.62%
  • yellow value is 48.23%
  • key color value is 11.37%

CMYK: (0,11,48,11)
C0M11Y48K11 (0%, 11%, 48%, 11%)
(0.00 / 0.11 / 0.48 / 0.11)

CMYK percentages

%0
%10.62
%48.23
%11.37

Codes

Color #E2CA75 in popluar color models

E2 CA 75
RGB 226 202 117
HSL 47° 65.27% 67.25%
HSB/HSV 47° 48.23% 88.63%
CMYK 0.00% 10.62% 48.23%
11.37%

Color #E2CA75 in popluar number systems.

HEX E2 CA 75
Decimal 226 202 117
Binary 11100010 11001010 1110101
Octal 342 312 165

Shades and tints

Shades of #E2CA75

#E2CA75
(226,202,117)
#CEB86B
(206,184,107)
#BAA661
(186,166,97)
#A69457
(166,148,87)
#92824D
(146,130,77)
#7E7043
(126,112,67)
#6A5E39
(106,94,57)
#564C2F
(86,76,47)
#423A25
(66,58,37)
#2E281B
(46,40,27)
#1A1611
(26,22,17)
#000000
(0,0,0)

Tints of #E2CA75

#E2CA75
(226,202,117)
#E4CE81
(228,206,129)
#E6D28D
(230,210,141)
#E8D699
(232,214,153)
#EADAA5
(234,218,165)
#ECDEB1
(236,222,177)
#EEE2BD
(238,226,189)
#F0E6C9
(240,230,201)
#F2EAD5
(242,234,213)
#F4EEE1
(244,238,225)
#F6F2ED
(246,242,237)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #E2CA75 color. Also use rgb(226,202,117) instead hex code.

Text Font Color

.myTextColor { color: #E2CA75; }

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

This text font color is #E2CA75.

Background Color

.myBgColor { background-color: #E2CA75; }

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

This div background color is #E2CA75.

Border color

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

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

This div border color is #E2CA75.

Opacity

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

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

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

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

This text has shadow with #E2CA75 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #E2CA75.

Preview

Color preview on black background

This text has color #E2CA75 on black background.


Color preview on white background

This text has color #E2CA75 on white background.


Black color preview on #E2CA75 background

This text has black color on #E2CA75 background.


White color preview on #E2CA75 background

This text has white color on #E2CA75 background.


Related colors

Complementary color

Complementary color for #hex is #1D358A.


I love getcolorcode.com

Triadic colors

1 #75E2CA and #CA75E2 with #E2CA75 are triadic colors.

2 #75CAE2 and #CAE275 with #E2CA75 are triadic colors.