COLOR #DFCDD9

HEX: #DFCDD9
RGB: (223,205,217)

Color info

#DFCDD9 contains red, green and blue colors in about the same proportion. Web safe color of #DFCDD9 is #CCCCCC (or #CCC).

RGB color model

#DFCDD9 color RGB value is (223,205,217).

  • red value is 223;
  • green value is 205;
  • blue value is 217.
RGB:
(223,205,217)
(87%,80%,85%)

RGB channels and saturation

R 223 of 255 = 87%
G 205 of 255 = 80%
B 217 of 255 = 85%

223
205
217

R + G + B ~ 84%. #DFCDD9 is quite light color.

Portions of RGB colors in percentages

R + G + B =
223 + 205 + 217 = 645 (100%)
R 223 of 645 ~ 34.57%
G 205 of 645 ~ 31.78%
B 217 of 645 ~ 33.64%

%34.57
%31.78
%33.64

CMYK color model

#DFCDD9 color CMYK value is (0,8,3,13).

  • cyan value is 0.00%
  • magenta value is 8.07%
  • yellow value is 2.69%
  • key color value is 12.55%
CMYK:
(0,8,3,13)
C0M8Y3K13 
(0%,8%,3%,13%)
(0.00/0.08/0.03/0.13)	

CMYK percentages

%0
%8.07
%2.69
%12.55

Codes

Color #DFCDD9 in popluar color models

DFCDD9
RGB223205217
HSL320°21.95%83.92%
HSB/HSV320°8.07%87.45%
CMYK0.00%8.07%2.69%
12.55%

Color #DFCDD9 in popluar number systems.

HEXDFCDD9
Decimal223205217
Binary110111111100110111011001
Octal337315331

Shades and tints

Shades of #DFCDD9

#DFCDD9
(223,205,217)
#CBBBC6
(203,187,198)
#B7A9B3
(183,169,179)
#A397A0
(163,151,160)
#8F858D
(143,133,141)
#7B737A
(123,115,122)
#676167
(103,97,103)
#534F54
(83,79,84)
#3F3D41
(63,61,65)
#2B2B2E
(43,43,46)
#17191B
(23,25,27)
#000000
(0,0,0)

Tints of #DFCDD9

#DFCDD9
(223,205,217)
#E1D1DC
(225,209,220)
#E3D5DF
(227,213,223)
#E5D9E2
(229,217,226)
#E7DDE5
(231,221,229)
#E9E1E8
(233,225,232)
#EBE5EB
(235,229,235)
#EDE9EE
(237,233,238)
#EFEDF1
(239,237,241)
#F1F1F4
(241,241,244)
#F3F5F7
(243,245,247)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DFCDD9 color. Also use rgb(223,205,217) instead hex code.

Text Font Color

.myTextColor { color: #DFCDD9; }

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

This text font color is #DFCDD9.


Background Color

.myBgColor { background-color: #DFCDD9; }

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

This div background color is #DFCDD9.


Border color

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

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

This div border color is #DFCDD9.


Opacity

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

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

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

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

This text has shadow with #DFCDD9 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #DFCDD9 on black background.


Color preview on white background

This text has color #DFCDD9 on white background.



Black color preview on #DFCDD9 background

This text has black color on #DFCDD9 background.


White color preview on #DFCDD9 background

This text has white color on #DFCDD9 background.