Color #D78A7D

Color info

#D78A7D contains mainly red color. Web safe color of #D78A7D is #CC9966 (or #C96).

RGB color model

#D78A7D color RGB value is (215,138,125).

red value is 215;
green value is 138;
blue value is 125.

RGB:
(215,138,125)
(84%,54%,49%)

RGB channels and saturation

R 215 of 255 = 84%
G 138 of 255 = 54%
B 125 of 255 = 49%

215

138

125

R + G + B ~ 62%. #D78A7D is quite light color.

Portions of RGB colors in percentages

R + G + B =
215 + 138 + 125 = 478 (100%)
R 215 of 478 ~ 44.98%
G 138 of 478 ~ 28.87%
B 125 of 478 ~ 26.15%

%44.98

%28.87

%26.15

CMYK color model

#D78A7D color CMYK value is (0,36,42,16).

cyan value is 0.00%
magenta value is 35.81%
yellow value is 41.86%
key color value is 15.69%

CMYK:
(0,36,42,16)
C0M36Y42K16 
(0%,36%,42%,16%)
(0.00/0.36/0.42/0.16)

CMYK percentages

%35.81

%41.86

%15.69

Codes

Color #D78A7D in popluar color models

	D7	8A	7D
RGB	215	138	125
HSL	9°	52.94%	66.67%
HSB/HSV	9°	41.86%	84.31%
CMYK	0.00%	35.81%	41.86%
CMYK	15.69%

Color #D78A7D in popluar number systems.

HEX	D7	8A	7D
Decimal	215	138	125
Binary	11010111	10001010	1111101
Octal	327	212	175

Shades and tints

Shades of #D78A7D

#D78A7D
(215,138,125)

#C47E72
(196,126,114)

#B17267
(177,114,103)

#9E665C
(158,102,92)

#8B5A51
(139,90,81)

#784E46
(120,78,70)

#65423B
(101,66,59)

#523630
(82,54,48)

#3F2A25
(63,42,37)

#2C1E1A
(44,30,26)

#19120F
(25,18,15)

#000000
(0,0,0)

Tints of #D78A7D

#D78A7D
(215,138,125)

#DA9488
(218,148,136)

#DD9E93
(221,158,147)

#E0A89E
(224,168,158)

#E3B2A9
(227,178,169)

#E6BCB4
(230,188,180)

#E9C6BF
(233,198,191)

#ECD0CA
(236,208,202)

#EFDAD5
(239,218,213)

#F2E4E0
(242,228,224)

#F5EEEB
(245,238,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #D78A7D color. Also use rgb(215,138,125) instead hex code.

Text Font Color

.myTextColor { color: #D78A7D; }

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

This text font color is #D78A7D.

Background Color

.myBgColor { background-color: #D78A7D; }

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

This div background color is #D78A7D.

Border color

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

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

This div border color is #D78A7D.

Opacity

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

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

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

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

This text has shadow with #D78A7D color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #D78A7D.

Preview

Color preview on black background

This text has color #D78A7D on black background.

Color preview on white background

This text has color #D78A7D on white background.

Black color preview on #D78A7D background

This text has black color on #D78A7D background.

White color preview on #D78A7D background

This text has white color on #D78A7D background.