#dc895f hex color

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

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

● #dc895f color description : Soft orange.

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

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

CIE-LAB	64.912, 27.576, 35.657
XYZ	40.527, 33.936, 15.242
xyY	0.452, 0.378, 33.936
CIE-LCH	64.912, 45.076, 52.283
CIE-LUV	64.912, 62.849, 37.745
Hunter-Lab	58.255, 22.235, 25.266
Binary	11011100, 10001001, 01011111

#dc895f
```
#dc895f rgb(220,137,95)
```
#5fb2dc
```
#5fb2dc rgb(95,178,220)
```

Complementary Color

#dc5f74
```
#dc5f74 rgb(220,95,116)
```
#dc895f
```
#dc895f rgb(220,137,95)
```
#dcc85f
```
#dcc85f rgb(220,200,95)
```

Analogous Color

#5f74dc
```
#5f74dc rgb(95,116,220)
```
#dc895f
```
#dc895f rgb(220,137,95)
```
#5fdcc8
```
#5fdcc8 rgb(95,220,200)
```

Split Complementary Color

#895fdc
```
#895fdc rgb(137,95,220)
```
#dc895f
```
#dc895f rgb(220,137,95)
```
#5fdc89
```
#5fdc89 rgb(95,220,137)
```

Triadic Color

#dc5fb2
```
#dc5fb2 rgb(220,95,178)
```
#dc895f
```
#dc895f rgb(220,137,95)
```
#5fdc89
```
#5fdc89 rgb(95,220,137)
```
#5fb2dc
```
#5fb2dc rgb(95,178,220)
```

Tetradic Color

#c45e2b
```
#c45e2b rgb(196,94,43)
```
#d36a35
```
#d36a35 rgb(211,106,53)
```
#d77a4a
```
#d77a4a rgb(215,122,74)
```
#dc895f
```
#dc895f rgb(220,137,95)
```
#e19874
```
#e19874 rgb(225,152,116)
```
#e5a889
```
#e5a889 rgb(229,168,137)
```
#eab79e
```
#eab79e rgb(234,183,158)
```

Monochromatic Color

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

#dc6a5f
```
#dc6a5f rgb(220,106,95)
```
#dc745f
```
#dc745f rgb(220,116,95)
```
#dc7f5f
```
#dc7f5f rgb(220,127,95)
```
#dc895f
```
#dc895f rgb(220,137,95)
```
#dc935f
```
#dc935f rgb(220,147,95)
```
#dc9e5f
```
#dc9e5f rgb(220,158,95)
```
#dca85f
```
#dca85f rgb(220,168,95)
```

Similar Colors

Text with hexadecimal color #dc895f

This text has a font color of #dc895f.

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

#dc895f background color

This paragraph has a background color of #dc895f.

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

#dc895f border color

This element has a border color of #dc895f.

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

CSS codes

.text {color:#dc895f;}

.background {background-color:#dc895f;}

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

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)
```
#31180b
```
#31180b rgb(49,24,11)
```
#411f0e
```
#411f0e rgb(65,31,14)
```
#512712
```
#512712 rgb(81,39,18)
```
#622f15
```
#622f15 rgb(98,47,21)
```
#723719
```
#723719 rgb(114,55,25)
```
#823e1c
```
#823e1c rgb(130,62,28)
```
#924620
```
#924620 rgb(146,70,32)
```
#a24e23
```
#a24e23 rgb(162,78,35)
```
#b25627
```
#b25627 rgb(178,86,39)
```
#c25d2a
```
#c25d2a rgb(194,93,42)
```

Shade Color Variation

#d1652f
```
#d1652f rgb(209,101,47)
```
#d5713f
```
#d5713f rgb(213,113,63)
```
#d87d4f
```
#d87d4f rgb(216,125,79)
```
#dc895f
```
#dc895f rgb(220,137,95)
```
#e0956f
```
#e0956f rgb(224,149,111)
```
#e3a17f
```
#e3a17f rgb(227,161,127)
```
#e7ad8f
```
#e7ad8f rgb(231,173,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 #fa7f41 is the most saturated one.

#a09d9b
```
#a09d9b rgb(160,157,155)
```
#a89a94
```
#a89a94 rgb(168,154,148)
```
#af988c
```
#af988c rgb(175,152,140)
```
#b79585
```
#b79585 rgb(183,149,133)
```
#be937d
```
#be937d rgb(190,147,125)
```
#c69076
```
#c69076 rgb(198,144,118)
```
#cd8e6e
```
#cd8e6e rgb(205,142,110)
```
#d58b67
```
#d58b67 rgb(213,139,103)
```
#dc895f
```
#dc895f rgb(220,137,95)
```
#e48758
```
#e48758 rgb(228,135,88)
```
#eb8450
```
#eb8450 rgb(235,132,80)
```
#f38249
```
#f38249 rgb(243,130,73)
```
#fa7f41
```
#fa7f41 rgb(250,127,65)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#aa9991 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa26e Protanopia 1% of men
#c39b63 Deuteranopia 1% of men
#e18992 Tritanopia 0.001% of the population

Trichromacy

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

#dc895f hex color

#dc895f Color Information

#dc895f Color Conversion

Color Schemes with #dc895f

Alternatives to #dc895f

#dc895f Preview

Shades and Tints of #dc895f

Tones of #dc895f

Color Blindness Simulator