COLOR #FFDDC0

HEX: #FFDDC0
RGB: (255,221,192)

Color info

#FFDDC0 contains mainly red and green colors. Web safe color of #FFDDC0 is #FFCCCC (or #FCC).

RGB color model

#FFDDC0 color RGB value is (255,221,192).

  • red value is 255;
  • green value is 221;
  • blue value is 192.
RGB:
(255,221,192)
(100%,87%,75%)

RGB channels and saturation

R 255 of 255 = 100%
G 221 of 255 = 87%
B 192 of 255 = 75%

255
221
192

R + G + B ~ 87%. #FFDDC0 is light color.

Portions of RGB colors in percentages

R + G + B =
255 + 221 + 192 = 668 (100%)
R 255 of 668 ~ 38.17%
G 221 of 668 ~ 33.08%
B 192 of 668 ~ 28.74%

%38.17
%33.08
%28.74

CMYK color model

#FFDDC0 color CMYK value is (0,13,25,0).

  • cyan value is 0.00%
  • magenta value is 13.33%
  • yellow value is 24.71%
  • key color value is 0.00%
CMYK:
(0,13,25,0)
C0M13Y25K0 
(0%,13%,25%,0%)
(0.00/0.13/0.25/0.00)	

CMYK percentages

%0
%13.33
%24.71
%0

Codes

Color #FFDDC0 in popluar color models

FFDDC0
RGB255221192
HSL28°100.00%87.65%
HSB/HSV28°24.71%100.00%
CMYK0.00%13.33%24.71%
0.00%

Color #FFDDC0 in popluar number systems.

HEXFFDDC0
Decimal255221192
Binary111111111101110111000000
Octal377335300

Shades and tints

Shades of #FFDDC0

#FFDDC0
(255,221,192)
#E8C9AF
(232,201,175)
#D1B59E
(209,181,158)
#BAA18D
(186,161,141)
#A38D7C
(163,141,124)
#8C796B
(140,121,107)
#75655A
(117,101,90)
#5E5149
(94,81,73)
#473D38
(71,61,56)
#302927
(48,41,39)
#191516
(25,21,22)
#000000
(0,0,0)

Tints of #FFDDC0

#FFDDC0
(255,221,192)
#FFE0C5
(255,224,197)
#FFE3CA
(255,227,202)
#FFE6CF
(255,230,207)
#FFE9D4
(255,233,212)
#FFECD9
(255,236,217)
#FFEFDE
(255,239,222)
#FFF2E3
(255,242,227)
#FFF5E8
(255,245,232)
#FFF8ED
(255,248,237)
#FFFBF2
(255,251,242)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #FFDDC0 color. Also use rgb(255,221,192) instead hex code.

Text Font Color

.myTextColor { color: #FFDDC0; }

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

This text font color is #FFDDC0.


Background Color

.myBgColor { background-color: #FFDDC0; }

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

This div background color is #FFDDC0.


Border color

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

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

This div border color is #FFDDC0.


Opacity

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

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

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

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

This text has shadow with #FFDDC0 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #FFDDC0 on black background.


Color preview on white background

This text has color #FFDDC0 on white background.



Black color preview on #FFDDC0 background

This text has black color on #FFDDC0 background.


White color preview on #FFDDC0 background

This text has white color on #FFDDC0 background.