#ddd2bc hex color

In a RGB color space, hex #ddd2bc is composed of 86.7% red, 82.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5% magenta, 14.9% yellow and 13.3% black. It has a hue angle of 40 degrees, a saturation of 32.7% and a lightness of 80.2%. #ddd2bc color hex could be obtained by blending #ffffff with #bba579. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 87
- G 82
- B 74
RGB color chart
- C 0
- M 5
- Y 15
- K 13
CMYK color chart

● #ddd2bc color description : Light grayish orange.

The hexadecimal color #ddd2bc has RGB values of R:221, G:210, B:188 and CMYK values of C:0, M:0.05, Y:0.15, K:0.13. Its decimal value is 14537404.

Hex triplet	ddd2bc	`#ddd2bc`
RGB Decimal	221, 210, 188	`rgb(221,210,188)`
RGB Percent	86.7, 82.4, 73.7	`rgb(86.7%,82.4%,73.7%)`
CMYK	0, 5, 15, 13
HSL	40°, 32.7, 80.2	`hsl(40,32.7%,80.2%)`
HSV (or HSB)	40°, 14.9, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.534, 0.16, 12.262
XYZ	61.941, 65.097, 56.876
xyY	0.337, 0.354, 65.097
CIE-LCH	84.534, 12.263, 89.253
CIE-LUV	84.534, 7.791, 17.854
Hunter-Lab	80.683, -4.158, 14.682
Binary	11011101, 11010010, 10111100

#ddd2bc
```
#ddd2bc rgb(221,210,188)
```
#bcc7dd
```
#bcc7dd rgb(188,199,221)
```

Complementary Color

#ddc2bc
```
#ddc2bc rgb(221,194,188)
```
#ddd2bc
```
#ddd2bc rgb(221,210,188)
```
#d8ddbc
```
#d8ddbc rgb(216,221,188)
```

Analogous Color

#c2bcdd
```
#c2bcdd rgb(194,188,221)
```
#ddd2bc
```
#ddd2bc rgb(221,210,188)
```
#bcd8dd
```
#bcd8dd rgb(188,216,221)
```

Split Complementary Color

#d2bcdd
```
#d2bcdd rgb(210,188,221)
```
#ddd2bc
```
#ddd2bc rgb(221,210,188)
```
#bcddd2
```
#bcddd2 rgb(188,221,210)
```

Triadic Color

#ddbcc7
```
#ddbcc7 rgb(221,188,199)
```
#ddd2bc
```
#ddd2bc rgb(221,210,188)
```
#bcddd2
```
#bcddd2 rgb(188,221,210)
```
#bcc7dd
```
#bcc7dd rgb(188,199,221)
```

Tetradic Color

#c3b089
```
#c3b089 rgb(195,176,137)
```
#ccbb9a
```
#ccbb9a rgb(204,187,154)
```
#d4c7ab
```
#d4c7ab rgb(212,199,171)
```
#ddd2bc
```
#ddd2bc rgb(221,210,188)
```
#e6ddcd
```
#e6ddcd rgb(230,221,205)
```
#eee9de
```
#eee9de rgb(238,233,222)
```
#f7f4ef
```
#f7f4ef rgb(247,244,239)
```

Monochromatic Color

Below, you can see some colors close to #ddd2bc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ddcabc
```
#ddcabc rgb(221,202,188)
```
#ddcdbc
```
#ddcdbc rgb(221,205,188)
```
#ddcfbc
```
#ddcfbc rgb(221,207,188)
```
#ddd2bc
```
#ddd2bc rgb(221,210,188)
```
#ddd5bc
```
#ddd5bc rgb(221,213,188)
```
#ddd8bc
```
#ddd8bc rgb(221,216,188)
```
#dddabc
```
#dddabc rgb(221,218,188)
```

Similar Colors

Text with hexadecimal color #ddd2bc

This text has a font color of #ddd2bc.

<span style="color:#ddd2bc;">Text here</span>

#ddd2bc background color

This paragraph has a background color of #ddd2bc.

<p style="background-color:#ddd2bc;">Content here</p>

#ddd2bc border color

This element has a border color of #ddd2bc.

<div style="border:1px solid #ddd2bc;">Content here</div>

CSS codes

.text {color:#ddd2bc;}

.background {background-color:#ddd2bc;}

.border {border:1px solid #ddd2bc;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #0b0906 is the darkest color, while #fefefd is the lightest one.

#0b0906
```
#0b0906 rgb(11,9,6)
```
#18140c
```
#18140c rgb(24,20,12)
```
#251f13
```
#251f13 rgb(37,31,19)
```
#322a19
```
#322a19 rgb(50,42,25)
```
#3f3520
```
#3f3520 rgb(63,53,32)
```
#4c4027
```
#4c4027 rgb(76,64,39)
```
#594b2d
```
#594b2d rgb(89,75,45)
```
#665534
```
#665534 rgb(102,85,52)
```
#73603a
```
#73603a rgb(115,96,58)
```
#806b41
```
#806b41 rgb(128,107,65)
```
#8d7648
```
#8d7648 rgb(141,118,72)
```
#9a814e
```
#9a814e rgb(154,129,78)
```
#a78c55
```
#a78c55 rgb(167,140,85)
```

Shade Color Variation

#af9561
```
#af9561 rgb(175,149,97)
```
#b59e6e
```
#b59e6e rgb(181,158,110)
```
#bca67b
```
#bca67b rgb(188,166,123)
```
#c3af88
```
#c3af88 rgb(195,175,136)
```
#c9b895
```
#c9b895 rgb(201,184,149)
```
#d0c1a2
```
#d0c1a2 rgb(208,193,162)
```
#d6c9af
```
#d6c9af rgb(214,201,175)
```
#ddd2bc
```
#ddd2bc rgb(221,210,188)
```
#e4dbc9
```
#e4dbc9 rgb(228,219,201)
```
#eae3d6
```
#eae3d6 rgb(234,227,214)
```
#f1ece3
```
#f1ece3 rgb(241,236,227)
```
#f7f5f0
```
#f7f5f0 rgb(247,245,240)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #cdcdcc is the less saturated color, while #fcdc9d is the most saturated one.

#cdcdcc
```
#cdcdcc rgb(205,205,204)
```
#d1cec8
```
#d1cec8 rgb(209,206,200)
```
#d5cfc4
```
#d5cfc4 rgb(213,207,196)
```
#d9d1c0
```
#d9d1c0 rgb(217,209,192)
```
#ddd2bc
```
#ddd2bc rgb(221,210,188)
```
#e1d3b8
```
#e1d3b8 rgb(225,211,184)
```
#e5d5b4
```
#e5d5b4 rgb(229,213,180)
```
#e9d6b0
```
#e9d6b0 rgb(233,214,176)
```
#edd7ac
```
#edd7ac rgb(237,215,172)
```
#f0d8a9
```
#f0d8a9 rgb(240,216,169)
```
#f4daa5
```
#f4daa5 rgb(244,218,165)
```
#f8dba1
```
#f8dba1 rgb(248,219,161)
```
#fcdc9d
```
#fcdc9d rgb(252,220,157)
```

Tone Color Variation

Below, you can see how #ddd2bc is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#d3d3d3 Achromatopsia 0.005% of the population
#d5d3ce Atypical Achromatopsia 0.001% of the population

Dichromacy

#ded4bf Protanopia 1% of men
#f0cec1 Deuteranopia 1% of men
#e3cfde Tritanopia 0.001% of the population

Trichromacy

#ddd3be Protanomaly 1% of men, 0.01% of women
#e9cfbf Deuteranomaly 6% of men, 0.4% of women
#e1d0d1 Tritanomaly 0.01% of the population

#ddd2bc hex color

#ddd2bc Color Information

#ddd2bc Color Conversion

Color Schemes with #ddd2bc

Alternatives to #ddd2bc

#ddd2bc Preview

Shades and Tints of #ddd2bc

Tones of #ddd2bc

Color Blindness Simulator