COLOR #DD7365

HEX: #DD7365
RGB: (221,115,101)

Color info

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

RGB color model

#DD7365 color RGB value is (221,115,101).

  • red value is 221;
  • green value is 115;
  • blue value is 101.
RGB:
(221,115,101)
(87%,45%,40%)

RGB channels and saturation

R 221 of 255 = 87%
G 115 of 255 = 45%
B 101 of 255 = 40%

221
115
101

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

Portions of RGB colors in percentages

R + G + B =
221 + 115 + 101 = 437 (100%)
R 221 of 437 ~ 50.57%
G 115 of 437 ~ 26.32%
B 101 of 437 ~ 23.11%

%50.57
%26.32
%23.11

CMYK color model

#DD7365 color CMYK value is (0,48,54,13).

  • cyan value is 0.00%
  • magenta value is 47.96%
  • yellow value is 54.30%
  • key color value is 13.33%
CMYK:
(0,48,54,13)
C0M48Y54K13 
(0%,48%,54%,13%)
(0.00/0.48/0.54/0.13)	

CMYK percentages

%0
%47.96
%54.3
%13.33

Codes

Color #DD7365 in popluar color models

DD7365
RGB221115101
HSL63.83%63.14%
HSB/HSV54.30%86.67%
CMYK0.00%47.96%54.30%
13.33%

Color #DD7365 in popluar number systems.

HEXDD7365
Decimal221115101
Binary1101110111100111100101
Octal335163145

Shades and tints

Shades of #DD7365

#DD7365
(221,115,101)
#C9695C
(201,105,92)
#B55F53
(181,95,83)
#A1554A
(161,85,74)
#8D4B41
(141,75,65)
#794138
(121,65,56)
#65372F
(101,55,47)
#512D26
(81,45,38)
#3D231D
(61,35,29)
#291914
(41,25,20)
#150F0B
(21,15,11)
#000000
(0,0,0)

Tints of #DD7365

#DD7365
(221,115,101)
#E07F73
(224,127,115)
#E38B81
(227,139,129)
#E6978F
(230,151,143)
#E9A39D
(233,163,157)
#ECAFAB
(236,175,171)
#EFBBB9
(239,187,185)
#F2C7C7
(242,199,199)
#F5D3D5
(245,211,213)
#F8DFE3
(248,223,227)
#FBEBF1
(251,235,241)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DD7365 color. Also use rgb(221,115,101) instead hex code.

Text Font Color

.myTextColor { color: #DD7365; }

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

This text font color is #DD7365.


Background Color

.myBgColor { background-color: #DD7365; }

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

This div background color is #DD7365.


Border color

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

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

This div border color is #DD7365.


Opacity

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

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

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

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

This text has shadow with #DD7365 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #DD7365 on black background.


Color preview on white background

This text has color #DD7365 on white background.



Black color preview on #DD7365 background

This text has black color on #DD7365 background.


White color preview on #DD7365 background

This text has white color on #DD7365 background.