Color #DE5A75

Color info

#DE5A75 contains mainly red color. Web safe color of #DE5A75 is #CC6666 (or #C66).

RGB color model

#DE5A75 color RGB value is (222,90,117).

red value is 222;
green value is 90;
blue value is 117.

RGB:
(222,90,117)
(87%,35%,46%)

RGB channels and saturation

R 222 of 255 = 87%
G 90 of 255 = 35%
B 117 of 255 = 46%

222

117

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

Portions of RGB colors in percentages

R + G + B =
222 + 90 + 117 = 429 (100%)
R 222 of 429 ~ 51.75%
G 90 of 429 ~ 20.98%
B 117 of 429 ~ 27.27%

%51.75

%20.98

%27.27

CMYK color model

#DE5A75 color CMYK value is (0,59,47,13).

cyan value is 0.00%
magenta value is 59.46%
yellow value is 47.30%
key color value is 12.94%

CMYK:
(0,59,47,13)
C0M59Y47K13 
(0%,59%,47%,13%)
(0.00/0.59/0.47/0.13)

CMYK percentages

%59.46

%47.3

%12.94

Codes

Color #DE5A75 in popluar color models

	DE	5A	75
RGB	222	90	117
HSL	348°	66.67%	61.18%
HSB/HSV	348°	59.46%	87.06%
CMYK	0.00%	59.46%	47.30%
CMYK	12.94%

Color #DE5A75 in popluar number systems.

HEX	DE	5A	75
Decimal	222	90	117
Binary	11011110	1011010	1110101
Octal	336	132	165

Shades and tints

Shades of #DE5A75

#DE5A75
(222,90,117)

#CA526B
(202,82,107)

#B64A61
(182,74,97)

#A24257
(162,66,87)

#8E3A4D
(142,58,77)

#7A3243
(122,50,67)

#662A39
(102,42,57)

#52222F
(82,34,47)

#3E1A25
(62,26,37)

#2A121B
(42,18,27)

#160A11
(22,10,17)

#000000
(0,0,0)

Tints of #DE5A75

#DE5A75
(222,90,117)

#E16981
(225,105,129)

#E4788D
(228,120,141)

#E78799
(231,135,153)

#EA96A5
(234,150,165)

#EDA5B1
(237,165,177)

#F0B4BD
(240,180,189)

#F3C3C9
(243,195,201)

#F6D2D5
(246,210,213)

#F9E1E1
(249,225,225)

#FCF0ED
(252,240,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DE5A75 color. Also use rgb(222,90,117) instead hex code.

Text Font Color

.myTextColor { color: #DE5A75; }

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

This text font color is #DE5A75.

Background Color

.myBgColor { background-color: #DE5A75; }

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

This div background color is #DE5A75.

Border color

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

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

This div border color is #DE5A75.

Opacity

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

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

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

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

This text has shadow with #DE5A75 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #DE5A75.

Preview

Color preview on black background

This text has color #DE5A75 on black background.

Color preview on white background

This text has color #DE5A75 on white background.

Black color preview on #DE5A75 background

This text has black color on #DE5A75 background.

White color preview on #DE5A75 background

This text has white color on #DE5A75 background.