#dc7a22 hex color

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

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

● #dc7a22 color description : Bright orange.

The hexadecimal color #dc7a22 has RGB values of R:220, G:122, B:34 and CMYK values of C:0, M:0.45, Y:0.85, K:0.14. Its decimal value is 14449186.

Hex triplet	dc7a22	`#dc7a22`
RGB Decimal	220, 122, 34	`rgb(220,122,34)`
RGB Percent	86.3, 47.8, 13.3	`rgb(86.3%,47.8%,13.3%)`
CMYK	0, 45, 85, 14
HSL	28.4°, 73.2, 49.8	`hsl(28.4,73.2%,49.8%)`
HSV (or HSB)	28.4°, 84.5, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	61.005, 32.391, 60.094
XYZ	36.765, 29.253, 5.224
xyY	0.516, 0.411, 29.253
CIE-LCH	61.005, 68.268, 61.675
CIE-LUV	61.005, 80.515, 53.625
Hunter-Lab	54.086, 26.683, 32.134
Binary	11011100, 01111010, 00100010

#dc7a22
```
#dc7a22 rgb(220,122,34)
```
#2284dc
```
#2284dc rgb(34,132,220)
```

Complementary Color

#dc2227
```
#dc2227 rgb(220,34,39)
```
#dc7a22
```
#dc7a22 rgb(220,122,34)
```
#dcd722
```
#dcd722 rgb(220,215,34)
```

Analogous Color

#2227dc
```
#2227dc rgb(34,39,220)
```
#dc7a22
```
#dc7a22 rgb(220,122,34)
```
#22dcd7
```
#22dcd7 rgb(34,220,215)
```

Split Complementary Color

#7a22dc
```
#7a22dc rgb(122,34,220)
```
#dc7a22
```
#dc7a22 rgb(220,122,34)
```
#22dc7a
```
#22dc7a rgb(34,220,122)
```

Triadic Color

#dc2284
```
#dc2284 rgb(220,34,132)
```
#dc7a22
```
#dc7a22 rgb(220,122,34)
```
#22dc7a
```
#22dc7a rgb(34,220,122)
```
#2284dc
```
#2284dc rgb(34,132,220)
```

Tetradic Color

#9a5518
```
#9a5518 rgb(154,85,24)
```
#b0621b
```
#b0621b rgb(176,98,27)
```
#c66e1f
```
#c66e1f rgb(198,110,31)
```
#dc7a22
```
#dc7a22 rgb(220,122,34)
```
#e08737
```
#e08737 rgb(224,135,55)
```
#e4944d
```
#e4944d rgb(228,148,77)
```
#e7a264
```
#e7a264 rgb(231,162,100)
```

Monochromatic Color

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

#dc4c22
```
#dc4c22 rgb(220,76,34)
```
#dc5b22
```
#dc5b22 rgb(220,91,34)
```
#dc6b22
```
#dc6b22 rgb(220,107,34)
```
#dc7a22
```
#dc7a22 rgb(220,122,34)
```
#dc8a22
```
#dc8a22 rgb(220,138,34)
```
#dc9922
```
#dc9922 rgb(220,153,34)
```
#dca922
```
#dca922 rgb(220,169,34)
```

Similar Colors

Text with hexadecimal color #dc7a22

This text has a font color of #dc7a22.

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

#dc7a22 background color

This paragraph has a background color of #dc7a22.

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

#dc7a22 border color

This element has a border color of #dc7a22.

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

CSS codes

.text {color:#dc7a22;}

.background {background-color:#dc7a22;}

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

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

#100902
```
#100902 rgb(16,9,2)
```
#211205
```
#211205 rgb(33,18,5)
```
#321c08
```
#321c08 rgb(50,28,8)
```
#43250a
```
#43250a rgb(67,37,10)
```
#542f0d
```
#542f0d rgb(84,47,13)
```
#653810
```
#653810 rgb(101,56,16)
```
#764112
```
#764112 rgb(118,65,18)
```
#874b15
```
#874b15 rgb(135,75,21)
```
#985417
```
#985417 rgb(152,84,23)
```
#a95e1a
```
#a95e1a rgb(169,94,26)
```
#ba671d
```
#ba671d rgb(186,103,29)
```
#cb711f
```
#cb711f rgb(203,113,31)
```
#dc7a22
```
#dc7a22 rgb(220,122,34)
```

Shade Color Variation

#df8432
```
#df8432 rgb(223,132,50)
```
#e28e43
```
#e28e43 rgb(226,142,67)
```
#e59954
```
#e59954 rgb(229,153,84)
```
#e7a365
```
#e7a365 rgb(231,163,101)
```
#eaad76
```
#eaad76 rgb(234,173,118)
```
#ecb787
```
#ecb787 rgb(236,183,135)
```
#efc198
```
#efc198 rgb(239,193,152)
```
#f2cca9
```
#f2cca9 rgb(242,204,169)
```
#f4d6ba
```
#f4d6ba rgb(244,214,186)
```
#f7e0cb
```
#f7e0cb rgb(247,224,203)
```
#faeadc
```
#faeadc rgb(250,234,220)
```
#fcf4ed
```
#fcf4ed rgb(252,244,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#847f7a
```
#847f7a rgb(132,127,122)
```
#8e7e70
```
#8e7e70 rgb(142,126,112)
```
#987e66
```
#987e66 rgb(152,126,102)
```
#a17d5d
```
#a17d5d rgb(161,125,93)
```
#ab7d53
```
#ab7d53 rgb(171,125,83)
```
#b57c49
```
#b57c49 rgb(181,124,73)
```
#bf7c3f
```
#bf7c3f rgb(191,124,63)
```
#c87b36
```
#c87b36 rgb(200,123,54)
```
#d27b2c
```
#d27b2c rgb(210,123,44)
```
#dc7a22
```
#dc7a22 rgb(220,122,34)
```
#e67918
```
#e67918 rgb(230,121,24)
```
#f0790e
```
#f0790e rgb(240,121,14)
```
#f97805
```
#f97805 rgb(249,120,5)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#9d8978 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9933 Protanopia 1% of men
#be9124 Deuteranopia 1% of men
#e17980 Tritanopia 0.001% of the population

Trichromacy

#bc8d2d Protanomaly 1% of men, 0.01% of women
#c98823 Deuteranomaly 6% of men, 0.4% of women
#df795e Tritanomaly 0.01% of the population

#dc7a22 hex color

#dc7a22 Color Information

#dc7a22 Color Conversion

Color Schemes with #dc7a22

Alternatives to #dc7a22

#dc7a22 Preview

Shades and Tints of #dc7a22

Tones of #dc7a22

Color Blindness Simulator