Color #EB696D

Color info

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

RGB color model

#EB696D color RGB value is (235,105,109).

red value is 235;
green value is 105;
blue value is 109.

RGB:
(235,105,109)
(92%,41%,43%)

RGB channels and saturation

R 235 of 255 = 92%
G 105 of 255 = 41%
B 109 of 255 = 43%

235

105

109

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

Portions of RGB colors in percentages

R + G + B =
235 + 105 + 109 = 449 (100%)
R 235 of 449 ~ 52.34%
G 105 of 449 ~ 23.39%
B 109 of 449 ~ 24.28%

%52.34

%23.39

%24.28

CMYK color model

#EB696D color CMYK value is (0,55,54,8).

cyan value is 0.00%
magenta value is 55.32%
yellow value is 53.62%
key color value is 7.84%

CMYK:
(0,55,54,8)
C0M55Y54K8 
(0%,55%,54%,8%)
(0.00/0.55/0.54/0.08)

CMYK percentages

%55.32

%53.62

%7.84

Codes

Color #EB696D in popluar color models

	EB	69	6D
RGB	235	105	109
HSL	358°	76.47%	66.67%
HSB/HSV	358°	55.32%	92.16%
CMYK	0.00%	55.32%	53.62%
CMYK	7.84%

Color #EB696D in popluar number systems.

HEX	EB	69	6D
Decimal	235	105	109
Binary	11101011	1101001	1101101
Octal	353	151	155

Shades and tints

Shades of #EB696D

#EB696D
(235,105,109)

#D66064
(214,96,100)

#C1575B
(193,87,91)

#AC4E52
(172,78,82)

#974549
(151,69,73)

#823C40
(130,60,64)

#6D3337
(109,51,55)

#582A2E
(88,42,46)

#432125
(67,33,37)

#2E181C
(46,24,28)

#190F13
(25,15,19)

#000000
(0,0,0)

Tints of #EB696D

#EB696D
(235,105,109)

#EC767A
(236,118,122)

#ED8387
(237,131,135)

#EE9094
(238,144,148)

#EF9DA1
(239,157,161)

#F0AAAE
(240,170,174)

#F1B7BB
(241,183,187)

#F2C4C8
(242,196,200)

#F3D1D5
(243,209,213)

#F4DEE2
(244,222,226)

#F5EBEF
(245,235,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #EB696D color. Also use rgb(235,105,109) instead hex code.

Text Font Color

.myTextColor { color: #EB696D; }

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

This text font color is #EB696D.

Background Color

.myBgColor { background-color: #EB696D; }

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

This div background color is #EB696D.

Border color

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

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

This div border color is #EB696D.

Opacity

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

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

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

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

This text has shadow with #EB696D color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #EB696D.

Preview

Color preview on black background

This text has color #EB696D on black background.

Color preview on white background

This text has color #EB696D on white background.

Black color preview on #EB696D background

This text has black color on #EB696D background.

White color preview on #EB696D background

This text has white color on #EB696D background.