COLOR #DFB6AC

HEX: #DFB6AC
RGB: (223,182,172)

Color info

#DFB6AC contains red, green and blue colors in about the same proportion. Web safe color of #DFB6AC is #CCCC99 (or #CC9).

RGB color model

#DFB6AC color RGB value is (223,182,172).

  • red value is 223;
  • green value is 182;
  • blue value is 172.
RGB:
(223,182,172)
(87%,71%,67%)

RGB channels and saturation

R 223 of 255 = 87%
G 182 of 255 = 71%
B 172 of 255 = 67%

223
182
172

R + G + B ~ 75%. #DFB6AC is quite light color.

Portions of RGB colors in percentages

R + G + B =
223 + 182 + 172 = 577 (100%)
R 223 of 577 ~ 38.65%
G 182 of 577 ~ 31.54%
B 172 of 577 ~ 29.81%

%38.65
%31.54
%29.81

CMYK color model

#DFB6AC color CMYK value is (0,18,23,13).

  • cyan value is 0.00%
  • magenta value is 18.39%
  • yellow value is 22.87%
  • key color value is 12.55%
CMYK:
(0,18,23,13)
C0M18Y23K13 
(0%,18%,23%,13%)
(0.00/0.18/0.23/0.13)	

CMYK percentages

%0
%18.39
%22.87
%12.55

Codes

Color #DFB6AC in popluar color models

DFB6AC
RGB223182172
HSL12°44.35%77.45%
HSB/HSV12°22.87%87.45%
CMYK0.00%18.39%22.87%
12.55%

Color #DFB6AC in popluar number systems.

HEXDFB6AC
Decimal223182172
Binary110111111011011010101100
Octal337266254

Shades and tints

Shades of #DFB6AC

#DFB6AC
(223,182,172)
#CBA69D
(203,166,157)
#B7968E
(183,150,142)
#A3867F
(163,134,127)
#8F7670
(143,118,112)
#7B6661
(123,102,97)
#675652
(103,86,82)
#534643
(83,70,67)
#3F3634
(63,54,52)
#2B2625
(43,38,37)
#171616
(23,22,22)
#000000
(0,0,0)

Tints of #DFB6AC

#DFB6AC
(223,182,172)
#E1BCB3
(225,188,179)
#E3C2BA
(227,194,186)
#E5C8C1
(229,200,193)
#E7CEC8
(231,206,200)
#E9D4CF
(233,212,207)
#EBDAD6
(235,218,214)
#EDE0DD
(237,224,221)
#EFE6E4
(239,230,228)
#F1ECEB
(241,236,235)
#F3F2F2
(243,242,242)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DFB6AC color. Also use rgb(223,182,172) instead hex code.

Text Font Color

.myTextColor { color: #DFB6AC; }

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

This text font color is #DFB6AC.


Background Color

.myBgColor { background-color: #DFB6AC; }

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

This div background color is #DFB6AC.


Border color

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

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

This div border color is #DFB6AC.


Opacity

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

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

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

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

This text has shadow with #DFB6AC color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #DFB6AC on black background.


Color preview on white background

This text has color #DFB6AC on white background.



Black color preview on #DFB6AC background

This text has black color on #DFB6AC background.


White color preview on #DFB6AC background

This text has white color on #DFB6AC background.