#ddbb76 hex color

In a RGB color space, hex #ddbb76 is composed of 86.7% red, 73.3% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.4% magenta, 46.6% yellow and 13.3% black. It has a hue angle of 40.2 degrees, a saturation of 60.2% and a lightness of 66.5%. #ddbb76 color hex could be obtained by blending #ffffec with #bb7700. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 87
- G 73
- B 46
RGB color chart
- C 0
- M 15
- Y 47
- K 13
CMYK color chart

● #ddbb76 color description : Soft orange.

The hexadecimal color #ddbb76 has RGB values of R:221, G:187, B:118 and CMYK values of C:0, M:0.15, Y:0.47, K:0.13. Its decimal value is 14531446.

Hex triplet	ddbb76	`#ddbb76`
RGB Decimal	221, 187, 118	`rgb(221,187,118)`
RGB Percent	86.7, 73.3, 46.3	`rgb(86.7%,73.3%,46.3%)`
CMYK	0, 15, 47, 13
HSL	40.2°, 60.2, 66.5	`hsl(40.2,60.2%,66.5%)`
HSV (or HSB)	40.2°, 46.6, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	77.414, 3.281, 39.346
XYZ	50.859, 52.223, 24.54
xyY	0.399, 0.409, 52.223
CIE-LCH	77.414, 39.483, 85.234
CIE-LUV	77.414, 26.422, 49.708
Hunter-Lab	72.265, -0.838, 30.452
Binary	11011101, 10111011, 01110110

#ddbb76
```
#ddbb76 rgb(221,187,118)
```
#7698dd
```
#7698dd rgb(118,152,221)
```

Complementary Color

#dd8876
```
#dd8876 rgb(221,136,118)
```
#ddbb76
```
#ddbb76 rgb(221,187,118)
```
#ccdd76
```
#ccdd76 rgb(204,221,118)
```

Analogous Color

#8876dd
```
#8876dd rgb(136,118,221)
```
#ddbb76
```
#ddbb76 rgb(221,187,118)
```
#76ccdd
```
#76ccdd rgb(118,204,221)
```

Split Complementary Color

#bb76dd
```
#bb76dd rgb(187,118,221)
```
#ddbb76
```
#ddbb76 rgb(221,187,118)
```
#76ddbb
```
#76ddbb rgb(118,221,187)
```

Triadic Color

#dd7698
```
#dd7698 rgb(221,118,152)
```
#ddbb76
```
#ddbb76 rgb(221,187,118)
```
#76ddbb
```
#76ddbb rgb(118,221,187)
```
#7698dd
```
#7698dd rgb(118,152,221)
```

Tetradic Color

#ce9d39
```
#ce9d39 rgb(206,157,57)
```
#d3a74d
```
#d3a74d rgb(211,167,77)
```
#d8b162
```
#d8b162 rgb(216,177,98)
```
#ddbb76
```
#ddbb76 rgb(221,187,118)
```
#e2c58a
```
#e2c58a rgb(226,197,138)
```
#e7cf9f
```
#e7cf9f rgb(231,207,159)
```
#ecd9b3
```
#ecd9b3 rgb(236,217,179)
```

Monochromatic Color

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

#dda176
```
#dda176 rgb(221,161,118)
```
#ddaa76
```
#ddaa76 rgb(221,170,118)
```
#ddb276
```
#ddb276 rgb(221,178,118)
```
#ddbb76
```
#ddbb76 rgb(221,187,118)
```
#ddc476
```
#ddc476 rgb(221,196,118)
```
#ddcc76
```
#ddcc76 rgb(221,204,118)
```
#ddd576
```
#ddd576 rgb(221,213,118)
```

Similar Colors

Text with hexadecimal color #ddbb76

This text has a font color of #ddbb76.

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

#ddbb76 background color

This paragraph has a background color of #ddbb76.

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

#ddbb76 border color

This element has a border color of #ddbb76.

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

CSS codes

.text {color:#ddbb76;}

.background {background-color:#ddbb76;}

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

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, #040301 is the darkest color, while #fcf9f4 is the lightest one.

#040301
```
#040301 rgb(4,3,1)
```
#140f05
```
#140f05 rgb(20,15,5)
```
#241b09
```
#241b09 rgb(36,27,9)
```
#34270d
```
#34270d rgb(52,39,13)
```
#433311
```
#433311 rgb(67,51,17)
```
#533e15
```
#533e15 rgb(83,62,21)
```
#634a19
```
#634a19 rgb(99,74,25)
```
#72561c
```
#72561c rgb(114,86,28)
```
#826220
```
#826220 rgb(130,98,32)
```
#926e24
```
#926e24 rgb(146,110,36)
```
#a27928
```
#a27928 rgb(162,121,40)
```
#b1852c
```
#b1852c rgb(177,133,44)
```
#c19130
```
#c19130 rgb(193,145,48)
```

Shade Color Variation

#cd9c37
```
#cd9c37 rgb(205,156,55)
```
#d1a447
```
#d1a447 rgb(209,164,71)
```
#d5ab57
```
#d5ab57 rgb(213,171,87)
```
#d9b366
```
#d9b366 rgb(217,179,102)
```
#ddbb76
```
#ddbb76 rgb(221,187,118)
```
#e1c386
```
#e1c386 rgb(225,195,134)
```
#e5cb95
```
#e5cb95 rgb(229,203,149)
```
#e9d2a5
```
#e9d2a5 rgb(233,210,165)
```
#eddab5
```
#eddab5 rgb(237,218,181)
```
#f1e2c5
```
#f1e2c5 rgb(241,226,197)
```
#f4ead4
```
#f4ead4 rgb(244,234,212)
```
#f8f2e4
```
#f8f2e4 rgb(248,242,228)
```
#fcf9f4
```
#fcf9f4 rgb(252,249,244)
```

Tint Color Variation

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

#afaba4
```
#afaba4 rgb(175,171,164)
```
#b6ae9d
```
#b6ae9d rgb(182,174,157)
```
#bcb097
```
#bcb097 rgb(188,176,151)
```
#c3b290
```
#c3b290 rgb(195,178,144)
```
#c9b48a
```
#c9b48a rgb(201,180,138)
```
#d0b783
```
#d0b783 rgb(208,183,131)
```
#d6b97d
```
#d6b97d rgb(214,185,125)
```
#ddbb76
```
#ddbb76 rgb(221,187,118)
```
#e4bd6f
```
#e4bd6f rgb(228,189,111)
```
#eabf69
```
#eabf69 rgb(234,191,105)
```
#f1c262
```
#f1c262 rgb(241,194,98)
```
#f7c45c
```
#f7c45c rgb(247,196,92)
```
#fec655
```
#fec655 rgb(254,198,85)
```

Tone Color Variation

Below, you can see how #ddbb76 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

#bdbdbd Achromatopsia 0.005% of the population
#c3bdaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3c27e Protanopia 1% of men
#e9ba7e Deuteranopia 1% of men
#e6b5c2 Tritanopia 0.001% of the population

Trichromacy

#d6bf7b Protanomaly 1% of men, 0.01% of women
#e4ba7b Deuteranomaly 6% of men, 0.4% of women
#e2b7a6 Tritanomaly 0.01% of the population

#ddbb76 hex color

#ddbb76 Color Information

#ddbb76 Color Conversion

Color Schemes with #ddbb76

Alternatives to #ddbb76

#ddbb76 Preview

Shades and Tints of #ddbb76

Tones of #ddbb76

Color Blindness Simulator