#dc885f hex color

In a RGB color space, hex #dc885f is composed of 86.3% red, 53.3% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.2% magenta, 56.8% yellow and 13.7% black. It has a hue angle of 19.7 degrees, a saturation of 64.1% and a lightness of 61.8%. #dc885f color hex could be obtained by blending #ffffbe with #b91100. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 86
- G 53
- B 37
RGB color chart
- C 0
- M 38
- Y 57
- K 14
CMYK color chart

● #dc885f color description : Soft orange.

The hexadecimal color #dc885f has RGB values of R:220, G:136, B:95 and CMYK values of C:0, M:0.38, Y:0.57, K:0.14. Its decimal value is 14452831.

Hex triplet	dc885f	`#dc885f`
RGB Decimal	220, 136, 95	`rgb(220,136,95)`
RGB Percent	86.3, 53.3, 37.3	`rgb(86.3%,53.3%,37.3%)`
CMYK	0, 38, 57, 14
HSL	19.7°, 64.1, 61.8	`hsl(19.7,64.1%,61.8%)`
HSV (or HSB)	19.7°, 56.8, 86.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	64.686, 28.11, 35.376
XYZ	40.386, 33.653, 15.195
xyY	0.453, 0.377, 33.653
CIE-LCH	64.686, 45.184, 51.529
CIE-LUV	64.686, 63.58, 37.295
Hunter-Lab	58.011, 22.747, 25.078
Binary	11011100, 10001000, 01011111

#dc885f
```
#dc885f rgb(220,136,95)
```
#5fb3dc
```
#5fb3dc rgb(95,179,220)
```

Complementary Color

#dc5f75
```
#dc5f75 rgb(220,95,117)
```
#dc885f
```
#dc885f rgb(220,136,95)
```
#dcc75f
```
#dcc75f rgb(220,199,95)
```

Analogous Color

#5f75dc
```
#5f75dc rgb(95,117,220)
```
#dc885f
```
#dc885f rgb(220,136,95)
```
#5fdcc7
```
#5fdcc7 rgb(95,220,199)
```

Split Complementary Color

#885fdc
```
#885fdc rgb(136,95,220)
```
#dc885f
```
#dc885f rgb(220,136,95)
```
#5fdc88
```
#5fdc88 rgb(95,220,136)
```

Triadic Color

#dc5fb3
```
#dc5fb3 rgb(220,95,179)
```
#dc885f
```
#dc885f rgb(220,136,95)
```
#5fdc88
```
#5fdc88 rgb(95,220,136)
```
#5fb3dc
```
#5fb3dc rgb(95,179,220)
```

Tetradic Color

#c45d2b
```
#c45d2b rgb(196,93,43)
```
#d36935
```
#d36935 rgb(211,105,53)
```
#d7784a
```
#d7784a rgb(215,120,74)
```
#dc885f
```
#dc885f rgb(220,136,95)
```
#e19874
```
#e19874 rgb(225,152,116)
```
#e5a789
```
#e5a789 rgb(229,167,137)
```
#eab79e
```
#eab79e rgb(234,183,158)
```

Monochromatic Color

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

#dc695f
```
#dc695f rgb(220,105,95)
```
#dc735f
```
#dc735f rgb(220,115,95)
```
#dc7e5f
```
#dc7e5f rgb(220,126,95)
```
#dc885f
```
#dc885f rgb(220,136,95)
```
#dc925f
```
#dc925f rgb(220,146,95)
```
#dc9d5f
```
#dc9d5f rgb(220,157,95)
```
#dca75f
```
#dca75f rgb(220,167,95)
```

Similar Colors

Text with hexadecimal color #dc885f

This text has a font color of #dc885f.

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

#dc885f background color

This paragraph has a background color of #dc885f.

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

#dc885f border color

This element has a border color of #dc885f.

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

CSS codes

.text {color:#dc885f;}

.background {background-color:#dc885f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110804
```
#110804 rgb(17,8,4)
```
#211007
```
#211007 rgb(33,16,7)
```
#31170b
```
#31170b rgb(49,23,11)
```
#411f0e
```
#411f0e rgb(65,31,14)
```
#512712
```
#512712 rgb(81,39,18)
```
#622e15
```
#622e15 rgb(98,46,21)
```
#723619
```
#723619 rgb(114,54,25)
```
#823e1c
```
#823e1c rgb(130,62,28)
```
#924520
```
#924520 rgb(146,69,32)
```
#a24d23
```
#a24d23 rgb(162,77,35)
```
#b25527
```
#b25527 rgb(178,85,39)
```
#c25c2a
```
#c25c2a rgb(194,92,42)
```

Shade Color Variation

#d1642f
```
#d1642f rgb(209,100,47)
```
#d5703f
```
#d5703f rgb(213,112,63)
```
#d87c4f
```
#d87c4f rgb(216,124,79)
```
#dc885f
```
#dc885f rgb(220,136,95)
```
#e0946f
```
#e0946f rgb(224,148,111)
```
#e3a07f
```
#e3a07f rgb(227,160,127)
```
#e7ac8f
```
#e7ac8f rgb(231,172,143)
```
#eab89f
```
#eab89f rgb(234,184,159)
```
#eec4af
```
#eec4af rgb(238,196,175)
```
#f1d0c0
```
#f1d0c0 rgb(241,208,192)
```
#f5dcd0
```
#f5dcd0 rgb(245,220,208)
```
#f8e8e0
```
#f8e8e0 rgb(248,232,224)
```
#fcf4f0
```
#fcf4f0 rgb(252,244,240)
```

Tint Color Variation

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

#a09d9b
```
#a09d9b rgb(160,157,155)
```
#a89a94
```
#a89a94 rgb(168,154,148)
```
#af978c
```
#af978c rgb(175,151,140)
```
#b79585
```
#b79585 rgb(183,149,133)
```
#be927d
```
#be927d rgb(190,146,125)
```
#c69076
```
#c69076 rgb(198,144,118)
```
#cd8d6e
```
#cd8d6e rgb(205,141,110)
```
#d58b67
```
#d58b67 rgb(213,139,103)
```
#dc885f
```
#dc885f rgb(220,136,95)
```
#e48558
```
#e48558 rgb(228,133,88)
```
#eb8350
```
#eb8350 rgb(235,131,80)
```
#f38049
```
#f38049 rgb(243,128,73)
```
#fa7e41
```
#fa7e41 rgb(250,126,65)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a99890 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa16e Protanopia 1% of men
#c39b63 Deuteranopia 1% of men
#e18891 Tritanopia 0.001% of the population

Trichromacy

#bf9868 Protanomaly 1% of men, 0.01% of women
#cc9462 Deuteranomaly 6% of men, 0.4% of women
#df887f Tritanomaly 0.01% of the population

#dc885f hex color

#dc885f Color Information

#dc885f Color Conversion

Color Schemes with #dc885f

Alternatives to #dc885f

#dc885f Preview

Shades and Tints of #dc885f

Tones of #dc885f

Color Blindness Simulator