Color #EC3445

Color info

#EC3445 contains mainly red color. Web safe color of #EC3445 is #FF3333 (or #F33).

RGB color model

#EC3445 color RGB value is (236,52,69).

red value is 236;
green value is 52;
blue value is 69.

RGB: (236,52,69) (93%, 20%, 27%)

RGB channels and saturation

R 236 of 255 = 93%
G 52 of 255 = 20%
B 69 of 255 = 27%

236

52

69

R + G + B ~ 47%. #EC3445 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 236 + 52 + 69 = 357 (100%)
R 236 of 357 ~ 66.11%
G 52 of 357 ~ 14.57%
B 69 of 357 ~ 19.33'%

%66.11

%14.57

%19.33

CMYK color model

#EC3445 color CMYK value is (0,78,71,7).

cyan value is 0.00%
magenta value is 77.97%
yellow value is 70.76%
key color value is 7.45%

CMYK: (0,78,71,7)
C0M78Y71K7 (0%, 78%, 71%, 7%)
(0.00 / 0.78 / 0.71 / 0.07)

CMYK percentages

%0

%77.97

%70.76

%7.45

Codes

Color #EC3445 in popluar color models

	EC	34	45
RGB	236	52	69
HSL	354°	82.88%	56.47%
HSB/HSV	354°	77.97%	92.55%
CMYK	0.00%	77.97%	70.76%
CMYK	7.45%

Color #EC3445 in popluar number systems.

HEX	EC	34	45
Decimal	236	52	69
Binary	11101100	110100	1000101
Octal	354	64	105

Shades and tints

Shades of #EC3445

#EC3445
(236,52,69)

#D7303F
(215,48,63)

#C22C39
(194,44,57)

#AD2833
(173,40,51)

#98242D
(152,36,45)

#832027
(131,32,39)

#6E1C21
(110,28,33)

#59181B
(89,24,27)

#441415
(68,20,21)

#2F100F
(47,16,15)

#1A0C09
(26,12,9)

#000000
(0,0,0)

Tints of #EC3445

#EC3445
(236,52,69)

#ED4655
(237,70,85)

#EE5865
(238,88,101)

#EF6A75
(239,106,117)

#F07C85
(240,124,133)

#F18E95
(241,142,149)

#F2A0A5
(242,160,165)

#F3B2B5
(243,178,181)

#F4C4C5
(244,196,197)

#F5D6D5
(245,214,213)

#F6E8E5
(246,232,229)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #EC3445 color. Also use rgb(236,52,69) instead hex code.

Text Font Color

.myTextColor { color: #EC3445; }

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

This text font color is #EC3445.

Background Color

.myBgColor { background-color: #EC3445; }

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

This div background color is #EC3445.

Border color

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

This div border color is #EC3445.

Opacity

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

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

This text has shadow with #EC3445 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #EC3445.