COLOR #DDDFCC

HEX: #DDDFCC
RGB: (221,223,204)

Color info

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

RGB color model

#DDDFCC color RGB value is (221,223,204).

  • red value is 221;
  • green value is 223;
  • blue value is 204.
RGB:
(221,223,204)
(87%,87%,80%)

RGB channels and saturation

R 221 of 255 = 87%
G 223 of 255 = 87%
B 204 of 255 = 80%

221
223
204

R + G + B ~ 85%. #DDDFCC is quite light color.

Portions of RGB colors in percentages

R + G + B =
221 + 223 + 204 = 648 (100%)
R 221 of 648 ~ 34.1%
G 223 of 648 ~ 34.41%
B 204 of 648 ~ 31.48%

%34.1
%34.41
%31.48

CMYK color model

#DDDFCC color CMYK value is (1,0,9,13).

  • cyan value is 0.90%
  • magenta value is 0.00%
  • yellow value is 8.52%
  • key color value is 12.55%
CMYK:
(1,0,9,13)
C1M0Y9K13 
(1%,0%,9%,13%)
(0.01/0.00/0.09/0.13)	

CMYK percentages

%0.9
%0
%8.52
%12.55

Codes

Color #DDDFCC in popluar color models

DDDFCC
RGB221223204
HSL66°22.89%83.73%
HSB/HSV66°8.52%87.45%
CMYK0.90%0.00%8.52%
12.55%

Color #DDDFCC in popluar number systems.

HEXDDDFCC
Decimal221223204
Binary110111011101111111001100
Octal335337314

Shades and tints

Shades of #DDDFCC

#DDDFCC
(221,223,204)
#C9CBBA
(201,203,186)
#B5B7A8
(181,183,168)
#A1A396
(161,163,150)
#8D8F84
(141,143,132)
#797B72
(121,123,114)
#656760
(101,103,96)
#51534E
(81,83,78)
#3D3F3C
(61,63,60)
#292B2A
(41,43,42)
#151718
(21,23,24)
#000000
(0,0,0)

Tints of #DDDFCC

#DDDFCC
(221,223,204)
#E0E1D0
(224,225,208)
#E3E3D4
(227,227,212)
#E6E5D8
(230,229,216)
#E9E7DC
(233,231,220)
#ECE9E0
(236,233,224)
#EFEBE4
(239,235,228)
#F2EDE8
(242,237,232)
#F5EFEC
(245,239,236)
#F8F1F0
(248,241,240)
#FBF3F4
(251,243,244)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DDDFCC color. Also use rgb(221,223,204) instead hex code.

Text Font Color

.myTextColor { color: #DDDFCC; }

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

This text font color is #DDDFCC.


Background Color

.myBgColor { background-color: #DDDFCC; }

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

This div background color is #DDDFCC.


Border color

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

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

This div border color is #DDDFCC.


Opacity

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

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

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

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

This text has shadow with #DDDFCC color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #DDDFCC on black background.


Color preview on white background

This text has color #DDDFCC on white background.



Black color preview on #DDDFCC background

This text has black color on #DDDFCC background.


White color preview on #DDDFCC background

This text has white color on #DDDFCC background.