#ddc399 hex color

In a RGB color space, hex #ddc399 is composed of 86.7% red, 76.5% green and 60% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.8% magenta, 30.8% yellow and 13.3% black. It has a hue angle of 37.1 degrees, a saturation of 50% and a lightness of 73.3%. #ddc399 color hex could be obtained by blending #ffffff with #bb8733. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 87
- G 76
- B 60
RGB color chart
- C 0
- M 12
- Y 31
- K 13
CMYK color chart

● #ddc399 color description : Very soft orange.

The hexadecimal color #ddc399 has RGB values of R:221, G:195, B:153 and CMYK values of C:0, M:0.12, Y:0.31, K:0.13. Its decimal value is 14533529.

Hex triplet	ddc399	`#ddc399`
RGB Decimal	221, 195, 153	`rgb(221,195,153)`
RGB Percent	86.7, 76.5, 60	`rgb(86.7%,76.5%,60%)`
CMYK	0, 12, 31, 13
HSL	37.1°, 50, 73.3	`hsl(37.1,50%,73.3%)`
HSV (or HSB)	37.1°, 30.8, 86.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	80.013, 3.019, 24.507
XYZ	55.083, 56.704, 38.179
xyY	0.367, 0.378, 56.704
CIE-LCH	80.013, 24.693, 82.977
CIE-LUV	80.013, 18.864, 33.186
Hunter-Lab	75.302, -1.206, 22.651
Binary	11011101, 11000011, 10011001

#ddc399
```
#ddc399 rgb(221,195,153)
```
#99b3dd
```
#99b3dd rgb(153,179,221)
```

Complementary Color

#dda199
```
#dda199 rgb(221,161,153)
```
#ddc399
```
#ddc399 rgb(221,195,153)
```
#d5dd99
```
#d5dd99 rgb(213,221,153)
```

Analogous Color

#a199dd
```
#a199dd rgb(161,153,221)
```
#ddc399
```
#ddc399 rgb(221,195,153)
```
#99d5dd
```
#99d5dd rgb(153,213,221)
```

Split Complementary Color

#c399dd
```
#c399dd rgb(195,153,221)
```
#ddc399
```
#ddc399 rgb(221,195,153)
```
#99ddc3
```
#99ddc3 rgb(153,221,195)
```

Triadic Color

#dd99b3
```
#dd99b3 rgb(221,153,179)
```
#ddc399
```
#ddc399 rgb(221,195,153)
```
#99ddc3
```
#99ddc3 rgb(153,221,195)
```
#99b3dd
```
#99b3dd rgb(153,179,221)
```

Tetradic Color

#caa160
```
#caa160 rgb(202,161,96)
```
#d0ad73
```
#d0ad73 rgb(208,173,115)
```
#d7b886
```
#d7b886 rgb(215,184,134)
```
#ddc399
```
#ddc399 rgb(221,195,153)
```
#e3ceac
```
#e3ceac rgb(227,206,172)
```
#eadabf
```
#eadabf rgb(234,218,191)
```
#f0e5d2
```
#f0e5d2 rgb(240,229,210)
```

Monochromatic Color

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

#ddb299
```
#ddb299 rgb(221,178,153)
```
#ddb899
```
#ddb899 rgb(221,184,153)
```
#ddbd99
```
#ddbd99 rgb(221,189,153)
```
#ddc399
```
#ddc399 rgb(221,195,153)
```
#ddc999
```
#ddc999 rgb(221,201,153)
```
#ddce99
```
#ddce99 rgb(221,206,153)
```
#ddd499
```
#ddd499 rgb(221,212,153)
```

Similar Colors

Text with hexadecimal color #ddc399

This text has a font color of #ddc399.

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

#ddc399 background color

This paragraph has a background color of #ddc399.

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

#ddc399 border color

This element has a border color of #ddc399.

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

CSS codes

.text {color:#ddc399;}

.background {background-color:#ddc399;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#100c05
```
#100c05 rgb(16,12,5)
```
#1e170a
```
#1e170a rgb(30,23,10)
```
#2d220f
```
#2d220f rgb(45,34,15)
```
#3c2d14
```
#3c2d14 rgb(60,45,20)
```
#4b3819
```
#4b3819 rgb(75,56,25)
```
#59431e
```
#59431e rgb(89,67,30)
```
#684d23
```
#684d23 rgb(104,77,35)
```
#775828
```
#775828 rgb(119,88,40)
```
#85632c
```
#85632c rgb(133,99,44)
```
#946e31
```
#946e31 rgb(148,110,49)
```
#a37936
```
#a37936 rgb(163,121,54)
```
#b2843b
```
#b2843b rgb(178,132,59)
```

Shade Color Variation

#c08f41
```
#c08f41 rgb(192,143,65)
```
#c4984f
```
#c4984f rgb(196,152,79)
```
#c9a05e
```
#c9a05e rgb(201,160,94)
```
#cea96d
```
#cea96d rgb(206,169,109)
```
#d3b27c
```
#d3b27c rgb(211,178,124)
```
#d8ba8a
```
#d8ba8a rgb(216,186,138)
```
#ddc399
```
#ddc399 rgb(221,195,153)
```
#e2cca8
```
#e2cca8 rgb(226,204,168)
```
#e7d4b6
```
#e7d4b6 rgb(231,212,182)
```
#ecddc5
```
#ecddc5 rgb(236,221,197)
```
#f1e6d4
```
#f1e6d4 rgb(241,230,212)
```
#f6eee3
```
#f6eee3 rgb(246,238,227)
```
#faf7f1
```
#faf7f1 rgb(250,247,241)
```

Tint Color Variation

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

#bebcb8
```
#bebcb8 rgb(190,188,184)
```
#c3bdb3
```
#c3bdb3 rgb(195,189,179)
```
#c8beae
```
#c8beae rgb(200,190,174)
```
#cdbfa9
```
#cdbfa9 rgb(205,191,169)
```
#d3c1a3
```
#d3c1a3 rgb(211,193,163)
```
#d8c29e
```
#d8c29e rgb(216,194,158)
```
#ddc399
```
#ddc399 rgb(221,195,153)
```
#e2c494
```
#e2c494 rgb(226,196,148)
```
#e7c58f
```
#e7c58f rgb(231,197,143)
```
#edc789
```
#edc789 rgb(237,199,137)
```
#f2c884
```
#f2c884 rgb(242,200,132)
```
#f7c97f
```
#f7c97f rgb(247,201,127)
```
#fcca7a
```
#fcca7a rgb(252,202,122)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#cbc5bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c89f Protanopia 1% of men
#eac19f Deuteranopia 1% of men
#e4bfcd Tritanopia 0.001% of the population

Trichromacy

#d8c69d Protanomaly 1% of men, 0.01% of women
#e5c29d Deuteranomaly 6% of men, 0.4% of women
#e1c0ba Tritanomaly 0.01% of the population

#ddc399 hex color

#ddc399 Color Information

#ddc399 Color Conversion

Color Schemes with #ddc399

Alternatives to #ddc399

#ddc399 Preview

Shades and Tints of #ddc399

Tones of #ddc399

Color Blindness Simulator