#dc5a20 hex color

In a RGB color space, hex #dc5a20 is composed of 86.3% red, 35.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.1% magenta, 85.5% yellow and 13.7% black. It has a hue angle of 18.5 degrees, a saturation of 74.6% and a lightness of 49.4%. #dc5a20 color hex could be obtained by blending #ffb440 with #b90000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 86
- G 35
- B 13
RGB color chart
- C 0
- M 59
- Y 85
- K 14
CMYK color chart

● #dc5a20 color description : Vivid orange.

The hexadecimal color #dc5a20 has RGB values of R:220, G:90, B:32 and CMYK values of C:0, M:0.59, Y:0.85, K:0.14. Its decimal value is 14440992.

Hex triplet	dc5a20	`#dc5a20`
RGB Decimal	220, 90, 32	`rgb(220,90,32)`
RGB Percent	86.3, 35.3, 12.5	`rgb(86.3%,35.3%,12.5%)`
CMYK	0, 59, 85, 14
HSL	18.5°, 74.6, 49.4	`hsl(18.5,74.6%,49.4%)`
HSV (or HSB)	18.5°, 85.5, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.695, 48.233, 55.541
XYZ	33.434, 22.636, 3.975
xyY	0.557, 0.377, 22.636
CIE-LCH	54.695, 73.561, 49.028
CIE-LUV	54.695, 106.382, 43.342
Hunter-Lab	47.577, 42.176, 28.35
Binary	11011100, 01011010, 00100000

#dc5a20
```
#dc5a20 rgb(220,90,32)
```
#20a2dc
```
#20a2dc rgb(32,162,220)
```

Complementary Color

#dc2044
```
#dc2044 rgb(220,32,68)
```
#dc5a20
```
#dc5a20 rgb(220,90,32)
```
#dcb820
```
#dcb820 rgb(220,184,32)
```

Analogous Color

#2044dc
```
#2044dc rgb(32,68,220)
```
#dc5a20
```
#dc5a20 rgb(220,90,32)
```
#20dcb8
```
#20dcb8 rgb(32,220,184)
```

Split Complementary Color

#5a20dc
```
#5a20dc rgb(90,32,220)
```
#dc5a20
```
#dc5a20 rgb(220,90,32)
```
#20dc5a
```
#20dc5a rgb(32,220,90)
```

Triadic Color

#dc20a2
```
#dc20a2 rgb(220,32,162)
```
#dc5a20
```
#dc5a20 rgb(220,90,32)
```
#20dc5a
```
#20dc5a rgb(32,220,90)
```
#20a2dc
```
#20a2dc rgb(32,162,220)
```

Tetradic Color

#993f16
```
#993f16 rgb(153,63,22)
```
#af481a
```
#af481a rgb(175,72,26)
```
#c6511d
```
#c6511d rgb(198,81,29)
```
#dc5a20
```
#dc5a20 rgb(220,90,32)
```
#e16a34
```
#e16a34 rgb(225,106,52)
```
#e57a4a
```
#e57a4a rgb(229,122,74)
```
#e88a61
```
#e88a61 rgb(232,138,97)
```

Monochromatic Color

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

#dc2b20
```
#dc2b20 rgb(220,43,32)
```
#dc3b20
```
#dc3b20 rgb(220,59,32)
```
#dc4a20
```
#dc4a20 rgb(220,74,32)
```
#dc5a20
```
#dc5a20 rgb(220,90,32)
```
#dc6a20
```
#dc6a20 rgb(220,106,32)
```
#dc7920
```
#dc7920 rgb(220,121,32)
```
#dc8920
```
#dc8920 rgb(220,137,32)
```

Similar Colors

Text with hexadecimal color #dc5a20

This text has a font color of #dc5a20.

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

#dc5a20 background color

This paragraph has a background color of #dc5a20.

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

#dc5a20 border color

This element has a border color of #dc5a20.

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

CSS codes

.text {color:#dc5a20;}

.background {background-color:#dc5a20;}

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

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

#0f0602
```
#0f0602 rgb(15,6,2)
```
#200d05
```
#200d05 rgb(32,13,5)
```
#311407
```
#311407 rgb(49,20,7)
```
#421b0a
```
#421b0a rgb(66,27,10)
```
#53220c
```
#53220c rgb(83,34,12)
```
#64290f
```
#64290f rgb(100,41,15)
```
#753011
```
#753011 rgb(117,48,17)
```
#863714
```
#863714 rgb(134,55,20)
```
#983e16
```
#983e16 rgb(152,62,22)
```
#a94519
```
#a94519 rgb(169,69,25)
```
#ba4c1b
```
#ba4c1b rgb(186,76,27)
```
#cb531e
```
#cb531e rgb(203,83,30)
```
#dc5a20
```
#dc5a20 rgb(220,90,32)
```

Shade Color Variation

#e1662f
```
#e1662f rgb(225,102,47)
```
#e37240
```
#e37240 rgb(227,114,64)
```
#e67f51
```
#e67f51 rgb(230,127,81)
```
#e88c62
```
#e88c62 rgb(232,140,98)
```
#eb9873
```
#eb9873 rgb(235,152,115)
```
#eda585
```
#eda585 rgb(237,165,133)
```
#f0b196
```
#f0b196 rgb(240,177,150)
```
#f2bea7
```
#f2bea7 rgb(242,190,167)
```
#f5cbb8
```
#f5cbb8 rgb(245,203,184)
```
#f7d7c9
```
#f7d7c9 rgb(247,215,201)
```
#fae4da
```
#fae4da rgb(250,228,218)
```
#fcf0eb
```
#fcf0eb rgb(252,240,235)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#857b77
```
#857b77 rgb(133,123,119)
```
#8e786e
```
#8e786e rgb(142,120,110)
```
#987464
```
#987464 rgb(152,116,100)
```
#a2705a
```
#a2705a rgb(162,112,90)
```
#ac6d50
```
#ac6d50 rgb(172,109,80)
```
#b56947
```
#b56947 rgb(181,105,71)
```
#bf653d
```
#bf653d rgb(191,101,61)
```
#c96133
```
#c96133 rgb(201,97,51)
```
#d25e2a
```
#d25e2a rgb(210,94,42)
```
#dc5a20
```
#dc5a20 rgb(220,90,32)
```
#e65616
```
#e65616 rgb(230,86,22)
```
#ef530d
```
#ef530d rgb(239,83,13)
```
#f94f03
```
#f94f03 rgb(249,79,3)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#8e7468 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988935 Protanopia 1% of men
#ab821b Deuteranopia 1% of men
#df5d62 Tritanopia 0.001% of the population

Trichromacy

#b1782d Protanomaly 1% of men, 0.01% of women
#bd731d Deuteranomaly 6% of men, 0.4% of women
#de5b4a Tritanomaly 0.01% of the population

#dc5a20 hex color

#dc5a20 Color Information

#dc5a20 Color Conversion

Color Schemes with #dc5a20

Alternatives to #dc5a20

#dc5a20 Preview

Shades and Tints of #dc5a20

Tones of #dc5a20

Color Blindness Simulator