#ddc696 hex color

In a RGB color space, hex #ddc696 is composed of 86.7% red, 77.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.4% magenta, 32.1% yellow and 13.3% black. It has a hue angle of 40.6 degrees, a saturation of 51.1% and a lightness of 72.7%. #ddc696 color hex could be obtained by blending #ffffff with #bb8d2d. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 87
- G 78
- B 59
RGB color chart
- C 0
- M 10
- Y 32
- K 13
CMYK color chart

● #ddc696 color description : Very soft orange.

The hexadecimal color #ddc696 has RGB values of R:221, G:198, B:150 and CMYK values of C:0, M:0.1, Y:0.32, K:0.13. Its decimal value is 14534294.

Hex triplet	ddc696	`#ddc696`
RGB Decimal	221, 198, 150	`rgb(221,198,150)`
RGB Percent	86.7, 77.6, 58.8	`rgb(86.7%,77.6%,58.8%)`
CMYK	0, 10, 32, 13
HSL	40.6°, 51.1, 72.7	`hsl(40.6,51.1%,72.7%)`
HSV (or HSB)	40.6°, 32.1, 86.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	80.719, 1.069, 27.045
XYZ	55.517, 57.964, 37.116
xyY	0.369, 0.385, 57.964
CIE-LCH	80.719, 27.066, 87.737
CIE-LUV	80.719, 17.258, 36.783
Hunter-Lab	76.134, -3.071, 24.389
Binary	11011101, 11000110, 10010110

#ddc696
```
#ddc696 rgb(221,198,150)
```
#96addd
```
#96addd rgb(150,173,221)
```

Complementary Color

#dda396
```
#dda396 rgb(221,163,150)
```
#ddc696
```
#ddc696 rgb(221,198,150)
```
#d1dd96
```
#d1dd96 rgb(209,221,150)
```

Analogous Color

#a396dd
```
#a396dd rgb(163,150,221)
```
#ddc696
```
#ddc696 rgb(221,198,150)
```
#96d1dd
```
#96d1dd rgb(150,209,221)
```

Split Complementary Color

#c696dd
```
#c696dd rgb(198,150,221)
```
#ddc696
```
#ddc696 rgb(221,198,150)
```
#96ddc6
```
#96ddc6 rgb(150,221,198)
```

Triadic Color

#dd96ad
```
#dd96ad rgb(221,150,173)
```
#ddc696
```
#ddc696 rgb(221,198,150)
```
#96ddc6
```
#96ddc6 rgb(150,221,198)
```
#96addd
```
#96addd rgb(150,173,221)
```

Tetradic Color

#caa75c
```
#caa75c rgb(202,167,92)
```
#d1b16f
```
#d1b16f rgb(209,177,111)
```
#d7bc83
```
#d7bc83 rgb(215,188,131)
```
#ddc696
```
#ddc696 rgb(221,198,150)
```
#e3d0a9
```
#e3d0a9 rgb(227,208,169)
```
#e9dbbd
```
#e9dbbd rgb(233,219,189)
```
#f0e5d0
```
#f0e5d0 rgb(240,229,208)
```

Monochromatic Color

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

#ddb496
```
#ddb496 rgb(221,180,150)
```
#ddba96
```
#ddba96 rgb(221,186,150)
```
#ddc096
```
#ddc096 rgb(221,192,150)
```
#ddc696
```
#ddc696 rgb(221,198,150)
```
#ddcc96
```
#ddcc96 rgb(221,204,150)
```
#ddd296
```
#ddd296 rgb(221,210,150)
```
#ddd896
```
#ddd896 rgb(221,216,150)
```

Similar Colors

Text with hexadecimal color #ddc696

This text has a font color of #ddc696.

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

#ddc696 background color

This paragraph has a background color of #ddc696.

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

#ddc696 border color

This element has a border color of #ddc696.

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

CSS codes

.text {color:#ddc696;}

.background {background-color:#ddc696;}

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

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, #0e0b04 is the darkest color, while #fffefe is the lightest one.

#0e0b04
```
#0e0b04 rgb(14,11,4)
```
#1c1609
```
#1c1609 rgb(28,22,9)
```
#2b220e
```
#2b220e rgb(43,34,14)
```
#3a2d13
```
#3a2d13 rgb(58,45,19)
```
#493918
```
#493918 rgb(73,57,24)
```
#58441c
```
#58441c rgb(88,68,28)
```
#665021
```
#665021 rgb(102,80,33)
```
#755c26
```
#755c26 rgb(117,92,38)
```
#84672b
```
#84672b rgb(132,103,43)
```
#937330
```
#937330 rgb(147,115,48)
```
#a27e34
```
#a27e34 rgb(162,126,52)
```
#b18a39
```
#b18a39 rgb(177,138,57)
```
#bf953e
```
#bf953e rgb(191,149,62)
```

Shade Color Variation

#c59e4c
```
#c59e4c rgb(197,158,76)
```
#caa65b
```
#caa65b rgb(202,166,91)
```
#cfae6a
```
#cfae6a rgb(207,174,106)
```
#d3b678
```
#d3b678 rgb(211,182,120)
```
#d8be87
```
#d8be87 rgb(216,190,135)
```
#ddc696
```
#ddc696 rgb(221,198,150)
```
#e2cea5
```
#e2cea5 rgb(226,206,165)
```
#e7d6b4
```
#e7d6b4 rgb(231,214,180)
```
#ebdec2
```
#ebdec2 rgb(235,222,194)
```
#f0e6d1
```
#f0e6d1 rgb(240,230,209)
```
#f5eee0
```
#f5eee0 rgb(245,238,224)
```
#faf6ef
```
#faf6ef rgb(250,246,239)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#bdbbb6
```
#bdbbb6 rgb(189,187,182)
```
#c2bdb1
```
#c2bdb1 rgb(194,189,177)
```
#c8beab
```
#c8beab rgb(200,190,171)
```
#cdc0a6
```
#cdc0a6 rgb(205,192,166)
```
#d2c2a1
```
#d2c2a1 rgb(210,194,161)
```
#d8c49b
```
#d8c49b rgb(216,196,155)
```
#ddc696
```
#ddc696 rgb(221,198,150)
```
#e2c891
```
#e2c891 rgb(226,200,145)
```
#e8ca8b
```
#e8ca8b rgb(232,202,139)
```
#edcc86
```
#edcc86 rgb(237,204,134)
```
#f2ce81
```
#f2ce81 rgb(242,206,129)
```
#f8cf7b
```
#f8cf7b rgb(248,207,123)
```
#fdd176
```
#fdd176 rgb(253,209,118)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#cbc7bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8ca9c Protanopia 1% of men
#edc39d Deuteranopia 1% of men
#e5c1cf Tritanopia 0.001% of the population

Trichromacy

#dac999 Protanomaly 1% of men, 0.01% of women
#e7c49a Deuteranomaly 6% of men, 0.4% of women
#e2c3ba Tritanomaly 0.01% of the population

#ddc696 hex color

#ddc696 Color Information

#ddc696 Color Conversion

Color Schemes with #ddc696

Alternatives to #ddc696

#ddc696 Preview

Shades and Tints of #ddc696

Tones of #ddc696

Color Blindness Simulator