#dc5a22 hex color

In a RGB color space, hex #dc5a22 is composed of 86.3% red, 35.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.1% magenta, 84.5% yellow and 13.7% black. It has a hue angle of 18.1 degrees, a saturation of 73.2% and a lightness of 49.8%. #dc5a22 color hex could be obtained by blending #ffb444 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

● #dc5a22 color description : Bright orange.

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

Hex triplet	dc5a22	`#dc5a22`
RGB Decimal	220, 90, 34	`rgb(220,90,34)`
RGB Percent	86.3, 35.3, 13.3	`rgb(86.3%,35.3%,13.3%)`
CMYK	0, 59, 85, 14
HSL	18.1°, 73.2, 49.8	`hsl(18.1,73.2%,49.8%)`
HSV (or HSB)	18.1°, 84.5, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.707, 48.281, 54.75
XYZ	33.462, 22.647, 4.123
xyY	0.556, 0.376, 22.647
CIE-LCH	54.707, 72.998, 48.592
CIE-LUV	54.707, 106.202, 42.913
Hunter-Lab	47.589, 42.23, 28.176
Binary	11011100, 01011010, 00100010

#dc5a22
```
#dc5a22 rgb(220,90,34)
```
#22a4dc
```
#22a4dc rgb(34,164,220)
```

Complementary Color

#dc2247
```
#dc2247 rgb(220,34,71)
```
#dc5a22
```
#dc5a22 rgb(220,90,34)
```
#dcb722
```
#dcb722 rgb(220,183,34)
```

Analogous Color

#2247dc
```
#2247dc rgb(34,71,220)
```
#dc5a22
```
#dc5a22 rgb(220,90,34)
```
#22dcb7
```
#22dcb7 rgb(34,220,183)
```

Split Complementary Color

#5a22dc
```
#5a22dc rgb(90,34,220)
```
#dc5a22
```
#dc5a22 rgb(220,90,34)
```
#22dc5a
```
#22dc5a rgb(34,220,90)
```

Triadic Color

#dc22a4
```
#dc22a4 rgb(220,34,164)
```
#dc5a22
```
#dc5a22 rgb(220,90,34)
```
#22dc5a
```
#22dc5a rgb(34,220,90)
```
#22a4dc
```
#22a4dc rgb(34,164,220)
```

Tetradic Color

#9a3f18
```
#9a3f18 rgb(154,63,24)
```
#b0481b
```
#b0481b rgb(176,72,27)
```
#c6511f
```
#c6511f rgb(198,81,31)
```
#dc5a22
```
#dc5a22 rgb(220,90,34)
```
#e06a37
```
#e06a37 rgb(224,106,55)
```
#e47b4d
```
#e47b4d rgb(228,123,77)
```
#e78b64
```
#e78b64 rgb(231,139,100)
```

Monochromatic Color

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

#dc2c22
```
#dc2c22 rgb(220,44,34)
```
#dc3b22
```
#dc3b22 rgb(220,59,34)
```
#dc4b22
```
#dc4b22 rgb(220,75,34)
```
#dc5a22
```
#dc5a22 rgb(220,90,34)
```
#dc6a22
```
#dc6a22 rgb(220,106,34)
```
#dc7922
```
#dc7922 rgb(220,121,34)
```
#dc8922
```
#dc8922 rgb(220,137,34)
```

Similar Colors

Text with hexadecimal color #dc5a22

This text has a font color of #dc5a22.

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

#dc5a22 background color

This paragraph has a background color of #dc5a22.

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

#dc5a22 border color

This element has a border color of #dc5a22.

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

CSS codes

.text {color:#dc5a22;}

.background {background-color:#dc5a22;}

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

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

#100702
```
#100702 rgb(16,7,2)
```
#210e05
```
#210e05 rgb(33,14,5)
```
#321408
```
#321408 rgb(50,20,8)
```
#431b0a
```
#431b0a rgb(67,27,10)
```
#54220d
```
#54220d rgb(84,34,13)
```
#652910
```
#652910 rgb(101,41,16)
```
#763012
```
#763012 rgb(118,48,18)
```
#873715
```
#873715 rgb(135,55,21)
```
#983e17
```
#983e17 rgb(152,62,23)
```
#a9451a
```
#a9451a rgb(169,69,26)
```
#ba4c1d
```
#ba4c1d rgb(186,76,29)
```
#cb531f
```
#cb531f rgb(203,83,31)
```
#dc5a22
```
#dc5a22 rgb(220,90,34)
```

Shade Color Variation

#df6632
```
#df6632 rgb(223,102,50)
```
#e27343
```
#e27343 rgb(226,115,67)
```
#e58054
```
#e58054 rgb(229,128,84)
```
#e78c65
```
#e78c65 rgb(231,140,101)
```
#ea9976
```
#ea9976 rgb(234,153,118)
```
#eca687
```
#eca687 rgb(236,166,135)
```
#efb298
```
#efb298 rgb(239,178,152)
```
#f2bfa9
```
#f2bfa9 rgb(242,191,169)
```
#f4ccba
```
#f4ccba rgb(244,204,186)
```
#f7d8cb
```
#f7d8cb rgb(247,216,203)
```
#fae5dc
```
#fae5dc rgb(250,229,220)
```
#fcf2ed
```
#fcf2ed rgb(252,242,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#847d7a
```
#847d7a rgb(132,125,122)
```
#8e7970
```
#8e7970 rgb(142,121,112)
```
#987566
```
#987566 rgb(152,117,102)
```
#a1715d
```
#a1715d rgb(161,113,93)
```
#ab6d53
```
#ab6d53 rgb(171,109,83)
```
#b56a49
```
#b56a49 rgb(181,106,73)
```
#bf663f
```
#bf663f rgb(191,102,63)
```
#c86236
```
#c86236 rgb(200,98,54)
```
#d25e2c
```
#d25e2c rgb(210,94,44)
```
#dc5a22
```
#dc5a22 rgb(220,90,34)
```
#e65618
```
#e65618 rgb(230,86,24)
```
#f0520e
```
#f0520e rgb(240,82,14)
```
#f94e05
```
#f94e05 rgb(249,78,5)
```

Tone Color Variation

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

#988937 Protanopia 1% of men
#ab821e Deuteranopia 1% of men
#df5d62 Tritanopia 0.001% of the population

Trichromacy

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

#dc5a22 hex color

#dc5a22 Color Information

#dc5a22 Color Conversion

Color Schemes with #dc5a22

Alternatives to #dc5a22

#dc5a22 Preview

Shades and Tints of #dc5a22

Tones of #dc5a22

Color Blindness Simulator