COLOR #DD1487

HEX: #DD1487 RGB: (221,20,135)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#DD1487 contains mainly red color. Web safe color of #DD1487 is #CC0099 (or #C09).

RGB color model

#DD1487 color RGB value is (221,20,135).

red value is 221;
green value is 20;
blue value is 135.

RGB: (221,20,135) (87%, 8%, 53%)

RGB channels and saturation

R 221 of 255 = 87%
G 20 of 255 = 8%
B 135 of 255 = 53%

221

135

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

Portions of RGB colors in percentages

R + G + B = 221 + 20 + 135 = 376 (100%)
R 221 of 376 ~ 58.78%
G 20 of 376 ~ 5.32%
B 135 of 376 ~ 35.9'%

%58.78

%35.9

CMYK color model

#DD1487 color CMYK value is (0,91,39,13).

cyan value is 0.00%
magenta value is 90.95%
yellow value is 38.91%
key color value is 13.33%

CMYK: (0,91,39,13) C0M91Y39K13 (0%,91%,39%,13%) (0.00/0.91/0.39/0.13)

CMYK percentages

%90.95

%38.91

%13.33

Codes

Color #DD1487 in popluar color models

	DD	14	87
RGB	221	20	135
HSL	326°	83.40%	47.25%
HSB/HSV	326°	90.95%	86.67%
CMYK	0.00%	90.95%	38.91%
CMYK	13.33%

Color #DD1487 in popluar number systems.

HEX	DD	14	87
Decimal	221	20	135
Binary	11011101	10100	10000111
Octal	335	24	207

Shades and tints

Shades of #DD1487

#DD1487
(221,20,135)

#C9137B
(201,19,123)

#B5126F
(181,18,111)

#A11163
(161,17,99)

#8D1057
(141,16,87)

#790F4B
(121,15,75)

#650E3F
(101,14,63)

#510D33
(81,13,51)

#3D0C27
(61,12,39)

#290B1B
(41,11,27)

#150A0F
(21,10,15)

#000000
(0,0,0)

Tints of #DD1487

#DD1487
(221,20,135)

#E02991
(224,41,145)

#E33E9B
(227,62,155)

#E653A5
(230,83,165)

#E968AF
(233,104,175)

#EC7DB9
(236,125,185)

#EF92C3
(239,146,195)

#F2A7CD
(242,167,205)

#F5BCD7
(245,188,215)

#F8D1E1
(248,209,225)

#FBE6EB
(251,230,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DD1487 color. Also use rgb(221,20,135) instead hex code.

Text Font Color

.myTextColor { color: #DD1487; }

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

This text font color is #DD1487.

Background Color

.myBgColor { background-color: #DD1487; }

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

This div background color is #DD1487.

Border color

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

This div border color is #DD1487.

Opacity

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

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

This text has shadow with #DD1487 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #DD1487.