#dc5523 hex color

In a RGB color space, hex #dc5523 is composed of 86.3% red, 33.3% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.4% magenta, 84.1% yellow and 13.7% black. It has a hue angle of 16.2 degrees, a saturation of 72.5% and a lightness of 50%. #dc5523 color hex could be obtained by blending #ffaa46 with #b90000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 86
- G 33
- B 14
RGB color chart
- C 0
- M 61
- Y 84
- K 14
CMYK color chart

● #dc5523 color description : Bright orange.

The hexadecimal color #dc5523 has RGB values of R:220, G:85, B:35 and CMYK values of C:0, M:0.61, Y:0.84, K:0.14. Its decimal value is 14439715.

Hex triplet	dc5523	`#dc5523`
RGB Decimal	220, 85, 35	`rgb(220,85,35)`
RGB Percent	86.3, 33.3, 13.7	`rgb(86.3%,33.3%,13.7%)`
CMYK	0, 61, 84, 14
HSL	16.2°, 72.5, 50	`hsl(16.2,72.5%,50%)`
HSV (or HSB)	16.2°, 84.1, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.854, 50.569, 53.601
XYZ	33.069, 21.838, 4.064
xyY	0.561, 0.37, 21.838
CIE-LCH	53.854, 73.69, 46.667
CIE-LUV	53.854, 109.882, 41.184
Hunter-Lab	46.731, 44.535, 27.555
Binary	11011100, 01010101, 00100011

#dc5523
```
#dc5523 rgb(220,85,35)
```
#23aadc
```
#23aadc rgb(35,170,220)
```

Complementary Color

#dc234e
```
#dc234e rgb(220,35,78)
```
#dc5523
```
#dc5523 rgb(220,85,35)
```
#dcb223
```
#dcb223 rgb(220,178,35)
```

Analogous Color

#234edc
```
#234edc rgb(35,78,220)
```
#dc5523
```
#dc5523 rgb(220,85,35)
```
#23dcb2
```
#23dcb2 rgb(35,220,178)
```

Split Complementary Color

#5523dc
```
#5523dc rgb(85,35,220)
```
#dc5523
```
#dc5523 rgb(220,85,35)
```
#23dc55
```
#23dc55 rgb(35,220,85)
```

Triadic Color

#dc23aa
```
#dc23aa rgb(220,35,170)
```
#dc5523
```
#dc5523 rgb(220,85,35)
```
#23dc55
```
#23dc55 rgb(35,220,85)
```
#23aadc
```
#23aadc rgb(35,170,220)
```

Tetradic Color

#9a3c19
```
#9a3c19 rgb(154,60,25)
```
#b0441c
```
#b0441c rgb(176,68,28)
```
#c64d20
```
#c64d20 rgb(198,77,32)
```
#dc5523
```
#dc5523 rgb(220,85,35)
```
#e06639
```
#e06639 rgb(224,102,57)
```
#e3774f
```
#e3774f rgb(227,119,79)
```
#e78865
```
#e78865 rgb(231,136,101)
```

Monochromatic Color

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

#dc2723
```
#dc2723 rgb(220,39,35)
```
#dc3623
```
#dc3623 rgb(220,54,35)
```
#dc4623
```
#dc4623 rgb(220,70,35)
```
#dc5523
```
#dc5523 rgb(220,85,35)
```
#dc6423
```
#dc6423 rgb(220,100,35)
```
#dc7423
```
#dc7423 rgb(220,116,35)
```
#dc8323
```
#dc8323 rgb(220,131,35)
```

Similar Colors

Text with hexadecimal color #dc5523

This text has a font color of #dc5523.

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

#dc5523 background color

This paragraph has a background color of #dc5523.

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

#dc5523 border color

This element has a border color of #dc5523.

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

CSS codes

.text {color:#dc5523;}

.background {background-color:#dc5523;}

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

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

#110703
```
#110703 rgb(17,7,3)
```
#220d05
```
#220d05 rgb(34,13,5)
```
#331408
```
#331408 rgb(51,20,8)
```
#441a0b
```
#441a0b rgb(68,26,11)
```
#55210d
```
#55210d rgb(85,33,13)
```
#662710
```
#662710 rgb(102,39,16)
```
#762e13
```
#762e13 rgb(118,46,19)
```
#873416
```
#873416 rgb(135,52,22)
```
#983b18
```
#983b18 rgb(152,59,24)
```
#a9411b
```
#a9411b rgb(169,65,27)
```
#ba481e
```
#ba481e rgb(186,72,30)
```
#cb4e20
```
#cb4e20 rgb(203,78,32)
```
#dc5523
```
#dc5523 rgb(220,85,35)
```

Shade Color Variation

#df6234
```
#df6234 rgb(223,98,52)
```
#e16f45
```
#e16f45 rgb(225,111,69)
```
#e47c56
```
#e47c56 rgb(228,124,86)
```
#e78967
```
#e78967 rgb(231,137,103)
```
#e99678
```
#e99678 rgb(233,150,120)
```
#eca389
```
#eca389 rgb(236,163,137)
```
#efb199
```
#efb199 rgb(239,177,153)
```
#f2beaa
```
#f2beaa rgb(242,190,170)
```
#f4cbbb
```
#f4cbbb rgb(244,203,187)
```
#f7d8cc
```
#f7d8cc rgb(247,216,204)
```
#fae5dd
```
#fae5dd rgb(250,229,221)
```
#fcf2ee
```
#fcf2ee rgb(252,242,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#847e7b
```
#847e7b rgb(132,126,123)
```
#8e7971
```
#8e7971 rgb(142,121,113)
```
#977568
```
#977568 rgb(151,117,104)
```
#a1705e
```
#a1705e rgb(161,112,94)
```
#ab6c54
```
#ab6c54 rgb(171,108,84)
```
#b5674a
```
#b5674a rgb(181,103,74)
```
#bf6340
```
#bf6340 rgb(191,99,64)
```
#c85e37
```
#c85e37 rgb(200,94,55)
```
#d25a2d
```
#d25a2d rgb(210,90,45)
```
#dc5523
```
#dc5523 rgb(220,85,35)
```
#e65019
```
#e65019 rgb(230,80,25)
```
#f04c0f
```
#f04c0f rgb(240,76,15)
```
#f94706
```
#f94706 rgb(249,71,6)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#8c7167 Atypical Achromatopsia 0.001% of the population

Dichromacy

#968739 Protanopia 1% of men
#a8801f Deuteranopia 1% of men
#df585d Tritanopia 0.001% of the population

Trichromacy

#af7531 Protanomaly 1% of men, 0.01% of women
#bb7020 Deuteranomaly 6% of men, 0.4% of women
#de5748 Tritanomaly 0.01% of the population

#dc5523 hex color

#dc5523 Color Information

#dc5523 Color Conversion

Color Schemes with #dc5523

Alternatives to #dc5523

#dc5523 Preview

Shades and Tints of #dc5523

Tones of #dc5523

Color Blindness Simulator