#dc5222 hex color

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

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

● #dc5222 color description : Bright orange.

The hexadecimal color #dc5222 has RGB values of R:220, G:82, B:34 and CMYK values of C:0, M:0.63, Y:0.85, K:0.14. Its decimal value is 14438946.

Hex triplet	dc5222	`#dc5222`
RGB Decimal	220, 82, 34	`rgb(220,82,34)`
RGB Percent	86.3, 32.2, 13.3	`rgb(86.3%,32.2%,13.3%)`
CMYK	0, 63, 85, 14
HSL	15.5°, 73.2, 49.8	`hsl(15.5,73.2%,49.8%)`
HSV (or HSB)	15.5°, 84.5, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.351, 51.863, 53.59
XYZ	32.823, 21.369, 3.91
xyY	0.565, 0.368, 21.369
CIE-LCH	53.351, 74.576, 45.938
CIE-LUV	53.351, 112.199, 40.537
Hunter-Lab	46.227, 45.844, 27.344
Binary	11011100, 01010010, 00100010

#dc5222
```
#dc5222 rgb(220,82,34)
```
#22acdc
```
#22acdc rgb(34,172,220)
```

Complementary Color

#dc224f
```
#dc224f rgb(220,34,79)
```
#dc5222
```
#dc5222 rgb(220,82,34)
```
#dcaf22
```
#dcaf22 rgb(220,175,34)
```

Analogous Color

#224fdc
```
#224fdc rgb(34,79,220)
```
#dc5222
```
#dc5222 rgb(220,82,34)
```
#22dcaf
```
#22dcaf rgb(34,220,175)
```

Split Complementary Color

#5222dc
```
#5222dc rgb(82,34,220)
```
#dc5222
```
#dc5222 rgb(220,82,34)
```
#22dc52
```
#22dc52 rgb(34,220,82)
```

Triadic Color

#dc22ac
```
#dc22ac rgb(220,34,172)
```
#dc5222
```
#dc5222 rgb(220,82,34)
```
#22dc52
```
#22dc52 rgb(34,220,82)
```
#22acdc
```
#22acdc rgb(34,172,220)
```

Tetradic Color

#9a3918
```
#9a3918 rgb(154,57,24)
```
#b0421b
```
#b0421b rgb(176,66,27)
```
#c64a1f
```
#c64a1f rgb(198,74,31)
```
#dc5222
```
#dc5222 rgb(220,82,34)
```
#e06337
```
#e06337 rgb(224,99,55)
```
#e4744d
```
#e4744d rgb(228,116,77)
```
#e78564
```
#e78564 rgb(231,133,100)
```

Monochromatic Color

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

#dc2422
```
#dc2422 rgb(220,36,34)
```
#dc3322
```
#dc3322 rgb(220,51,34)
```
#dc4322
```
#dc4322 rgb(220,67,34)
```
#dc5222
```
#dc5222 rgb(220,82,34)
```
#dc6222
```
#dc6222 rgb(220,98,34)
```
#dc7122
```
#dc7122 rgb(220,113,34)
```
#dc8122
```
#dc8122 rgb(220,129,34)
```

Similar Colors

Text with hexadecimal color #dc5222

This text has a font color of #dc5222.

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

#dc5222 background color

This paragraph has a background color of #dc5222.

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

#dc5222 border color

This element has a border color of #dc5222.

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

CSS codes

.text {color:#dc5222;}

.background {background-color:#dc5222;}

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

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)
```
#321308
```
#321308 rgb(50,19,8)
```
#43190a
```
#43190a rgb(67,25,10)
```
#541f0d
```
#541f0d rgb(84,31,13)
```
#652610
```
#652610 rgb(101,38,16)
```
#762c12
```
#762c12 rgb(118,44,18)
```
#873215
```
#873215 rgb(135,50,21)
```
#983917
```
#983917 rgb(152,57,23)
```
#a93f1a
```
#a93f1a rgb(169,63,26)
```
#ba451d
```
#ba451d rgb(186,69,29)
```
#cb4c1f
```
#cb4c1f rgb(203,76,31)
```
#dc5222
```
#dc5222 rgb(220,82,34)
```

Shade Color Variation

#df5f32
```
#df5f32 rgb(223,95,50)
```
#e26c43
```
#e26c43 rgb(226,108,67)
```
#e57954
```
#e57954 rgb(229,121,84)
```
#e78765
```
#e78765 rgb(231,135,101)
```
#ea9476
```
#ea9476 rgb(234,148,118)
```
#eca187
```
#eca187 rgb(236,161,135)
```
#efaf98
```
#efaf98 rgb(239,175,152)
```
#f2bca9
```
#f2bca9 rgb(242,188,169)
```
#f4c9ba
```
#f4c9ba rgb(244,201,186)
```
#f7d6cb
```
#f7d6cb rgb(247,214,203)
```
#fae4dc
```
#fae4dc rgb(250,228,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, #847d7a is the less saturated color, while #f94405 is the most saturated one.

#847d7a
```
#847d7a rgb(132,125,122)
```
#8e7870
```
#8e7870 rgb(142,120,112)
```
#987366
```
#987366 rgb(152,115,102)
```
#a16e5d
```
#a16e5d rgb(161,110,93)
```
#ab6a53
```
#ab6a53 rgb(171,106,83)
```
#b56549
```
#b56549 rgb(181,101,73)
```
#bf603f
```
#bf603f rgb(191,96,63)
```
#c85b36
```
#c85b36 rgb(200,91,54)
```
#d2572c
```
#d2572c rgb(210,87,44)
```
#dc5222
```
#dc5222 rgb(220,82,34)
```
#e64d18
```
#e64d18 rgb(230,77,24)
```
#f0490e
```
#f0490e rgb(240,73,14)
```
#f94405
```
#f94405 rgb(249,68,5)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#8a6f65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948638 Protanopia 1% of men
#a77f1d Deuteranopia 1% of men
#df565a Tritanopia 0.001% of the population

Trichromacy

#ae7330 Protanomaly 1% of men, 0.01% of women
#ba6f1f Deuteranomaly 6% of men, 0.4% of women
#de5446 Tritanomaly 0.01% of the population

#dc5222 hex color

#dc5222 Color Information

#dc5222 Color Conversion

Color Schemes with #dc5222

Alternatives to #dc5222

#dc5222 Preview

Shades and Tints of #dc5222

Tones of #dc5222

Color Blindness Simulator