COLOR #EC796B

HEX: #EC796B RGB: (236,121,107)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#EC796B contains mainly red color. Web safe color of #EC796B is #FF6666 (or #F66).

RGB color model

#EC796B color RGB value is (236,121,107).

red value is 236;
green value is 121;
blue value is 107.

RGB: (236,121,107) (93%, 47%, 42%)

RGB channels and saturation

R 236 of 255 = 93%
G 121 of 255 = 47%
B 107 of 255 = 42%

236

121

107

R + G + B ~ 61%. #EC796B is quite light color.

Portions of RGB colors in percentages

R + G + B = 236 + 121 + 107 = 464 (100%)
R 236 of 464 ~ 50.86%
G 121 of 464 ~ 26.08%
B 107 of 464 ~ 23.06'%

%50.86

%26.08

%23.06

CMYK color model

#EC796B color CMYK value is (0,49,55,7).

cyan value is 0.00%
magenta value is 48.73%
yellow value is 54.66%
key color value is 7.45%

CMYK: (0,49,55,7) C0M49Y55K7 (0%,49%,55%,7%) (0.00/0.49/0.55/0.07)

CMYK percentages

%48.73

%54.66

%7.45

Codes

Color #EC796B in popluar color models

	EC	79	6B
RGB	236	121	107
HSL	7°	77.25%	67.25%
HSB/HSV	7°	54.66%	92.55%
CMYK	0.00%	48.73%	54.66%
CMYK	7.45%

Color #EC796B in popluar number systems.

HEX	EC	79	6B
Decimal	236	121	107
Binary	11101100	1111001	1101011
Octal	354	171	153

Shades and tints

Shades of #EC796B

#EC796B
(236,121,107)

#D76E62
(215,110,98)

#C26359
(194,99,89)

#AD5850
(173,88,80)

#984D47
(152,77,71)

#83423E
(131,66,62)

#6E3735
(110,55,53)

#592C2C
(89,44,44)

#442123
(68,33,35)

#2F161A
(47,22,26)

#1A0B11
(26,11,17)

#000000
(0,0,0)

Tints of #EC796B

#EC796B
(236,121,107)

#ED8578
(237,133,120)

#EE9185
(238,145,133)

#EF9D92
(239,157,146)

#F0A99F
(240,169,159)

#F1B5AC
(241,181,172)

#F2C1B9
(242,193,185)

#F3CDC6
(243,205,198)

#F4D9D3
(244,217,211)

#F5E5E0
(245,229,224)

#F6F1ED
(246,241,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #EC796B color. Also use rgb(236,121,107) instead hex code.

Text Font Color

.myTextColor { color: #EC796B; }

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

This text font color is #EC796B.

Background Color

.myBgColor { background-color: #EC796B; }

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

This div background color is #EC796B.

Border color

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

This div border color is #EC796B.

Opacity

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

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

This text has shadow with #EC796B color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #EC796B.