#dc5022 hex color

In a RGB color space, hex #dc5022 is composed of 86.3% red, 31.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.6% magenta, 84.5% yellow and 13.7% black. It has a hue angle of 14.8 degrees, a saturation of 73.2% and a lightness of 49.8%. #dc5022 color hex could be obtained by blending #ffa044 with #b90000. Closest websafe color is: #cc6633.

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

● #dc5022 color description : Bright red.

The hexadecimal color #dc5022 has RGB values of R:220, G:80, B:34 and CMYK values of C:0, M:0.64, Y:0.85, K:0.14. Its decimal value is 14438434.

Hex triplet	dc5022	`#dc5022`
RGB Decimal	220, 80, 34	`rgb(220,80,34)`
RGB Percent	86.3, 31.4, 13.3	`rgb(86.3%,31.4%,13.3%)`
CMYK	0, 64, 85, 14
HSL	14.8°, 73.2, 49.8	`hsl(14.8,73.2%,49.8%)`
HSV (or HSB)	14.8°, 84.5, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.028, 52.725, 53.313
XYZ	32.674, 21.072, 3.86
xyY	0.567, 0.366, 21.072
CIE-LCH	53.028, 74.981, 45.317
CIE-LUV	53.028, 113.654, 39.966
Hunter-Lab	45.904, 46.721, 27.147
Binary	11011100, 01010000, 00100010

#dc5022
```
#dc5022 rgb(220,80,34)
```
#22aedc
```
#22aedc rgb(34,174,220)
```

Complementary Color

#dc2251
```
#dc2251 rgb(220,34,81)
```
#dc5022
```
#dc5022 rgb(220,80,34)
```
#dcad22
```
#dcad22 rgb(220,173,34)
```

Analogous Color

#2251dc
```
#2251dc rgb(34,81,220)
```
#dc5022
```
#dc5022 rgb(220,80,34)
```
#22dcad
```
#22dcad rgb(34,220,173)
```

Split Complementary Color

#5022dc
```
#5022dc rgb(80,34,220)
```
#dc5022
```
#dc5022 rgb(220,80,34)
```
#22dc50
```
#22dc50 rgb(34,220,80)
```

Triadic Color

#dc22ae
```
#dc22ae rgb(220,34,174)
```
#dc5022
```
#dc5022 rgb(220,80,34)
```
#22dc50
```
#22dc50 rgb(34,220,80)
```
#22aedc
```
#22aedc rgb(34,174,220)
```

Tetradic Color

#9a3818
```
#9a3818 rgb(154,56,24)
```
#b0401b
```
#b0401b rgb(176,64,27)
```
#c6481f
```
#c6481f rgb(198,72,31)
```
#dc5022
```
#dc5022 rgb(220,80,34)
```
#e06137
```
#e06137 rgb(224,97,55)
```
#e4734d
```
#e4734d rgb(228,115,77)
```
#e78464
```
#e78464 rgb(231,132,100)
```

Monochromatic Color

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

#dc2223
```
#dc2223 rgb(220,34,35)
```
#dc3122
```
#dc3122 rgb(220,49,34)
```
#dc4122
```
#dc4122 rgb(220,65,34)
```
#dc5022
```
#dc5022 rgb(220,80,34)
```
#dc6022
```
#dc6022 rgb(220,96,34)
```
#dc6f22
```
#dc6f22 rgb(220,111,34)
```
#dc7f22
```
#dc7f22 rgb(220,127,34)
```

Similar Colors

Text with hexadecimal color #dc5022

This text has a font color of #dc5022.

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

#dc5022 background color

This paragraph has a background color of #dc5022.

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

#dc5022 border color

This element has a border color of #dc5022.

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

CSS codes

.text {color:#dc5022;}

.background {background-color:#dc5022;}

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

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

#100602
```
#100602 rgb(16,6,2)
```
#210c05
```
#210c05 rgb(33,12,5)
```
#321208
```
#321208 rgb(50,18,8)
```
#43180a
```
#43180a rgb(67,24,10)
```
#541f0d
```
#541f0d rgb(84,31,13)
```
#652510
```
#652510 rgb(101,37,16)
```
#762b12
```
#762b12 rgb(118,43,18)
```
#873115
```
#873115 rgb(135,49,21)
```
#983717
```
#983717 rgb(152,55,23)
```
#a93d1a
```
#a93d1a rgb(169,61,26)
```
#ba441d
```
#ba441d rgb(186,68,29)
```
#cb4a1f
```
#cb4a1f rgb(203,74,31)
```
#dc5022
```
#dc5022 rgb(220,80,34)
```

Shade Color Variation

#df5d32
```
#df5d32 rgb(223,93,50)
```
#e26b43
```
#e26b43 rgb(226,107,67)
```
#e57854
```
#e57854 rgb(229,120,84)
```
#e78565
```
#e78565 rgb(231,133,101)
```
#ea9376
```
#ea9376 rgb(234,147,118)
```
#eca087
```
#eca087 rgb(236,160,135)
```
#efae98
```
#efae98 rgb(239,174,152)
```
#f2bba9
```
#f2bba9 rgb(242,187,169)
```
#f4c9ba
```
#f4c9ba rgb(244,201,186)
```
#f7d6cb
```
#f7d6cb rgb(247,214,203)
```
#fae3dc
```
#fae3dc rgb(250,227,220)
```
#fcf1ed
```
#fcf1ed rgb(252,241,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#847c7a
```
#847c7a rgb(132,124,122)
```
#8e7770
```
#8e7770 rgb(142,119,112)
```
#987366
```
#987366 rgb(152,115,102)
```
#a16e5d
```
#a16e5d rgb(161,110,93)
```
#ab6953
```
#ab6953 rgb(171,105,83)
```
#b56449
```
#b56449 rgb(181,100,73)
```
#bf5f3f
```
#bf5f3f rgb(191,95,63)
```
#c85a36
```
#c85a36 rgb(200,90,54)
```
#d2552c
```
#d2552c rgb(210,85,44)
```
#dc5022
```
#dc5022 rgb(220,80,34)
```
#e64b18
```
#e64b18 rgb(230,75,24)
```
#f0460e
```
#f0460e rgb(240,70,14)
```
#f94105
```
#f94105 rgb(249,65,5)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#8a6e64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#938538 Protanopia 1% of men
#a67e1d Deuteranopia 1% of men
#df5458 Tritanopia 0.001% of the population

Trichromacy

#ae7230 Protanomaly 1% of men, 0.01% of women
#b96d1f Deuteranomaly 6% of men, 0.4% of women
#de5244 Tritanomaly 0.01% of the population

#dc5022 hex color

#dc5022 Color Information

#dc5022 Color Conversion

Color Schemes with #dc5022

Alternatives to #dc5022

#dc5022 Preview

Shades and Tints of #dc5022

Tones of #dc5022

Color Blindness Simulator