#dcc396 hex color

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

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

● #dcc396 color description : Very soft orange.

The hexadecimal color #dcc396 has RGB values of R:220, G:195, B:150 and CMYK values of C:0, M:0.11, Y:0.32, K:0.14. Its decimal value is 14467990.

Hex triplet	dcc396	`#dcc396`
RGB Decimal	220, 195, 150	`rgb(220,195,150)`
RGB Percent	86.3, 76.5, 58.8	`rgb(86.3%,76.5%,58.8%)`
CMYK	0, 11, 32, 14
HSL	38.6°, 50, 72.5	`hsl(38.6,50%,72.5%)`
HSV (or HSB)	38.6°, 31.8, 86.3
Web Safe	cccc99	`#cccc99`

CIE-LAB	79.869, 2.251, 25.882
XYZ	54.535, 56.449, 36.876
xyY	0.369, 0.382, 56.449
CIE-LCH	79.869, 25.98, 85.029
CIE-LUV	79.869, 18.413, 35.024
Hunter-Lab	75.133, -1.918, 23.493
Binary	11011100, 11000011, 10010110

#dcc396
```
#dcc396 rgb(220,195,150)
```
#96afdc
```
#96afdc rgb(150,175,220)
```

Complementary Color

#dca096
```
#dca096 rgb(220,160,150)
```
#dcc396
```
#dcc396 rgb(220,195,150)
```
#d2dc96
```
#d2dc96 rgb(210,220,150)
```

Analogous Color

#a096dc
```
#a096dc rgb(160,150,220)
```
#dcc396
```
#dcc396 rgb(220,195,150)
```
#96d2dc
```
#96d2dc rgb(150,210,220)
```

Split Complementary Color

#c396dc
```
#c396dc rgb(195,150,220)
```
#dcc396
```
#dcc396 rgb(220,195,150)
```
#96dcc3
```
#96dcc3 rgb(150,220,195)
```

Triadic Color

#dc96af
```
#dc96af rgb(220,150,175)
```
#dcc396
```
#dcc396 rgb(220,195,150)
```
#96dcc3
```
#96dcc3 rgb(150,220,195)
```
#96afdc
```
#96afdc rgb(150,175,220)
```

Tetradic Color

#c9a25d
```
#c9a25d rgb(201,162,93)
```
#cfad70
```
#cfad70 rgb(207,173,112)
```
#d6b883
```
#d6b883 rgb(214,184,131)
```
#dcc396
```
#dcc396 rgb(220,195,150)
```
#e2cea9
```
#e2cea9 rgb(226,206,169)
```
#e9d9bc
```
#e9d9bc rgb(233,217,188)
```
#efe4cf
```
#efe4cf rgb(239,228,207)
```

Monochromatic Color

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

#dcb296
```
#dcb296 rgb(220,178,150)
```
#dcb796
```
#dcb796 rgb(220,183,150)
```
#dcbd96
```
#dcbd96 rgb(220,189,150)
```
#dcc396
```
#dcc396 rgb(220,195,150)
```
#dcc996
```
#dcc996 rgb(220,201,150)
```
#dccf96
```
#dccf96 rgb(220,207,150)
```
#dcd596
```
#dcd596 rgb(220,213,150)
```

Similar Colors

Text with hexadecimal color #dcc396

This text has a font color of #dcc396.

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

#dcc396 background color

This paragraph has a background color of #dcc396.

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

#dcc396 border color

This element has a border color of #dcc396.

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

CSS codes

.text {color:#dcc396;}

.background {background-color:#dcc396;}

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

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)
```
#1b1509
```
#1b1509 rgb(27,21,9)
```
#2a200e
```
#2a200e rgb(42,32,14)
```
#392b13
```
#392b13 rgb(57,43,19)
```
#483718
```
#483718 rgb(72,55,24)
```
#56421d
```
#56421d rgb(86,66,29)
```
#654d22
```
#654d22 rgb(101,77,34)
```
#745827
```
#745827 rgb(116,88,39)
```
#82632b
```
#82632b rgb(130,99,43)
```
#916f30
```
#916f30 rgb(145,111,48)
```
#a07a35
```
#a07a35 rgb(160,122,53)
```
#af853a
```
#af853a rgb(175,133,58)
```
#bd903f
```
#bd903f rgb(189,144,63)
```

Shade Color Variation

#c3994c
```
#c3994c rgb(195,153,76)
```
#c8a15b
```
#c8a15b rgb(200,161,91)
```
#cdaa6a
```
#cdaa6a rgb(205,170,106)
```
#d2b279
```
#d2b279 rgb(210,178,121)
```
#d7bb87
```
#d7bb87 rgb(215,187,135)
```
#dcc396
```
#dcc396 rgb(220,195,150)
```
#e1cba5
```
#e1cba5 rgb(225,203,165)
```
#e6d4b3
```
#e6d4b3 rgb(230,212,179)
```
#ebdcc2
```
#ebdcc2 rgb(235,220,194)
```
#f0e5d1
```
#f0e5d1 rgb(240,229,209)
```
#f5ede0
```
#f5ede0 rgb(245,237,224)
```
#f9f5ee
```
#f9f5ee rgb(249,245,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 #fccc76 is the most saturated one.

#bcbab6
```
#bcbab6 rgb(188,186,182)
```
#c1bbb1
```
#c1bbb1 rgb(193,187,177)
```
#c6bdac
```
#c6bdac rgb(198,189,172)
```
#ccbea6
```
#ccbea6 rgb(204,190,166)
```
#d1c0a1
```
#d1c0a1 rgb(209,192,161)
```
#d7c19b
```
#d7c19b rgb(215,193,155)
```
#dcc396
```
#dcc396 rgb(220,195,150)
```
#e1c591
```
#e1c591 rgb(225,197,145)
```
#e7c68b
```
#e7c68b rgb(231,198,139)
```
#ecc886
```
#ecc886 rgb(236,200,134)
```
#f2c980
```
#f2c980 rgb(242,201,128)
```
#f7cb7b
```
#f7cb7b rgb(247,203,123)
```
#fccc76
```
#fccc76 rgb(252,204,118)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#cac5bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c89c Protanopia 1% of men
#eac19c Deuteranopia 1% of men
#e4bfcc Tritanopia 0.001% of the population

Trichromacy

#d8c69a Protanomaly 1% of men, 0.01% of women
#e5c19a Deuteranomaly 6% of men, 0.4% of women
#e1c0b8 Tritanomaly 0.01% of the population

#dcc396 hex color

#dcc396 Color Information

#dcc396 Color Conversion

Color Schemes with #dcc396

Alternatives to #dcc396

#dcc396 Preview

Shades and Tints of #dcc396

Tones of #dcc396

Color Blindness Simulator