#dcc696 hex color

In a RGB color space, hex #dcc696 is composed of 86.3% red, 77.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10% magenta, 31.8% yellow and 13.7% black. It has a hue angle of 41.1 degrees, a saturation of 50% and a lightness of 72.5%. #dcc696 color hex could be obtained by blending #ffffff with #b98d2d. Closest websafe color is: #cccc99.

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

● #dcc696 color description : Very soft orange.

The hexadecimal color #dcc696 has RGB values of R:220, G:198, B:150 and CMYK values of C:0, M:0.1, Y:0.32, K:0.14. Its decimal value is 14468758.

Hex triplet	dcc696	`#dcc696`
RGB Decimal	220, 198, 150	`rgb(220,198,150)`
RGB Percent	86.3, 77.6, 58.8	`rgb(86.3%,77.6%,58.8%)`
CMYK	0, 10, 32, 14
HSL	41.1°, 50, 72.5	`hsl(41.1,50%,72.5%)`
HSV (or HSB)	41.1°, 31.8, 86.3
Web Safe	cccc99	`#cccc99`

CIE-LAB	80.631, 0.681, 26.913
XYZ	55.214, 57.807, 37.102
xyY	0.368, 0.385, 57.807
CIE-LCH	80.631, 26.921, 88.551
CIE-LUV	80.631, 16.594, 36.69
Hunter-Lab	76.031, -3.427, 24.289
Binary	11011100, 11000110, 10010110

#dcc696
```
#dcc696 rgb(220,198,150)
```
#96acdc
```
#96acdc rgb(150,172,220)
```

Complementary Color

#dca396
```
#dca396 rgb(220,163,150)
```
#dcc696
```
#dcc696 rgb(220,198,150)
```
#cfdc96
```
#cfdc96 rgb(207,220,150)
```

Analogous Color

#a396dc
```
#a396dc rgb(163,150,220)
```
#dcc696
```
#dcc696 rgb(220,198,150)
```
#96cfdc
```
#96cfdc rgb(150,207,220)
```

Split Complementary Color

#c696dc
```
#c696dc rgb(198,150,220)
```
#dcc696
```
#dcc696 rgb(220,198,150)
```
#96dcc6
```
#96dcc6 rgb(150,220,198)
```

Triadic Color

#dc96ac
```
#dc96ac rgb(220,150,172)
```
#dcc696
```
#dcc696 rgb(220,198,150)
```
#96dcc6
```
#96dcc6 rgb(150,220,198)
```
#96acdc
```
#96acdc rgb(150,172,220)
```

Tetradic Color

#c9a75d
```
#c9a75d rgb(201,167,93)
```
#cfb170
```
#cfb170 rgb(207,177,112)
```
#d6bc83
```
#d6bc83 rgb(214,188,131)
```
#dcc696
```
#dcc696 rgb(220,198,150)
```
#e2d0a9
```
#e2d0a9 rgb(226,208,169)
```
#e9dbbc
```
#e9dbbc rgb(233,219,188)
```
#efe5cf
```
#efe5cf rgb(239,229,207)
```

Monochromatic Color

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

#dcb596
```
#dcb596 rgb(220,181,150)
```
#dcba96
```
#dcba96 rgb(220,186,150)
```
#dcc096
```
#dcc096 rgb(220,192,150)
```
#dcc696
```
#dcc696 rgb(220,198,150)
```
#dccc96
```
#dccc96 rgb(220,204,150)
```
#dcd296
```
#dcd296 rgb(220,210,150)
```
#dcd896
```
#dcd896 rgb(220,216,150)
```

Similar Colors

Text with hexadecimal color #dcc696

This text has a font color of #dcc696.

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

#dcc696 background color

This paragraph has a background color of #dcc696.

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

#dcc696 border color

This element has a border color of #dcc696.

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

CSS codes

.text {color:#dcc696;}

.background {background-color:#dcc696;}

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

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

#0d0a04
```
#0d0a04 rgb(13,10,4)
```
#1b1609
```
#1b1609 rgb(27,22,9)
```
#2a210e
```
#2a210e rgb(42,33,14)
```
#392d13
```
#392d13 rgb(57,45,19)
```
#483918
```
#483918 rgb(72,57,24)
```
#56441d
```
#56441d rgb(86,68,29)
```
#655022
```
#655022 rgb(101,80,34)
```
#745b27
```
#745b27 rgb(116,91,39)
```
#82672b
```
#82672b rgb(130,103,43)
```
#917330
```
#917330 rgb(145,115,48)
```
#a07e35
```
#a07e35 rgb(160,126,53)
```
#af8a3a
```
#af8a3a rgb(175,138,58)
```
#bd963f
```
#bd963f rgb(189,150,63)
```

Shade Color Variation

#c39e4c
```
#c39e4c rgb(195,158,76)
```
#c8a65b
```
#c8a65b rgb(200,166,91)
```
#cdae6a
```
#cdae6a rgb(205,174,106)
```
#d2b679
```
#d2b679 rgb(210,182,121)
```
#d7be87
```
#d7be87 rgb(215,190,135)
```
#dcc696
```
#dcc696 rgb(220,198,150)
```
#e1cea5
```
#e1cea5 rgb(225,206,165)
```
#e6d6b3
```
#e6d6b3 rgb(230,214,179)
```
#ebdec2
```
#ebdec2 rgb(235,222,194)
```
#f0e6d1
```
#f0e6d1 rgb(240,230,209)
```
#f5eee0
```
#f5eee0 rgb(245,238,224)
```
#f9f6ee
```
#f9f6ee rgb(249,246,238)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#bcbab6
```
#bcbab6 rgb(188,186,182)
```
#c1bcb1
```
#c1bcb1 rgb(193,188,177)
```
#c6beac
```
#c6beac rgb(198,190,172)
```
#ccc0a6
```
#ccc0a6 rgb(204,192,166)
```
#d1c2a1
```
#d1c2a1 rgb(209,194,161)
```
#d7c49b
```
#d7c49b rgb(215,196,155)
```
#dcc696
```
#dcc696 rgb(220,198,150)
```
#e1c891
```
#e1c891 rgb(225,200,145)
```
#e7ca8b
```
#e7ca8b rgb(231,202,139)
```
#eccc86
```
#eccc86 rgb(236,204,134)
```
#f2ce80
```
#f2ce80 rgb(242,206,128)
```
#f7d07b
```
#f7d07b rgb(247,208,123)
```
#fcd276
```
#fcd276 rgb(252,210,118)
```

Tone Color Variation

Below, you can see how #dcc696 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
#e4c1cf Tritanopia 0.001% of the population

Trichromacy

#d9c899 Protanomaly 1% of men, 0.01% of women
#e6c49a Deuteranomaly 6% of men, 0.4% of women
#e1c3ba Tritanomaly 0.01% of the population

#dcc696 hex color

#dcc696 Color Information

#dcc696 Color Conversion

Color Schemes with #dcc696

Alternatives to #dcc696

#dcc696 Preview

Shades and Tints of #dcc696

Tones of #dcc696

Color Blindness Simulator