#dc5300 hex color

In a RGB color space, hex #dc5300 is composed of 86.3% red, 32.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.3% magenta, 100% yellow and 13.7% black. It has a hue angle of 22.6 degrees, a saturation of 100% and a lightness of 43.1%. #dc5300 color hex could be obtained by blending #ffa600 with #b90000. Closest websafe color is: #cc6600.

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

● #dc5300 color description : Pure (or mostly pure) orange.

The hexadecimal color #dc5300 has RGB values of R:220, G:83, B:0 and CMYK values of C:0, M:0.62, Y:1, K:0.14. Its decimal value is 14439168.

Hex triplet	dc5300	`#dc5300`
RGB Decimal	220, 83, 0	`rgb(220,83,0)`
RGB Percent	86.3, 32.5, 0	`rgb(86.3%,32.5%,0%)`
CMYK	0, 62, 100, 14
HSL	22.6°, 100, 43.1	`hsl(22.6,100%,43.1%)`
HSV (or HSB)	22.6°, 100, 86.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	53.391, 50.934, 63.449
XYZ	32.61, 21.406, 2.415
xyY	0.578, 0.379, 21.406
CIE-LCH	53.391, 81.363, 51.244
CIE-LUV	53.391, 113.516, 45.402
Hunter-Lab	46.266, 44.846, 29.292
Binary	11011100, 01010011, 00000000

#dc5300
```
#dc5300 rgb(220,83,0)
```
#0089dc
```
#0089dc rgb(0,137,220)
```

Complementary Color

#dc001b
```
#dc001b rgb(220,0,27)
```
#dc5300
```
#dc5300 rgb(220,83,0)
```
#dcc100
```
#dcc100 rgb(220,193,0)
```

Analogous Color

#001bdc
```
#001bdc rgb(0,27,220)
```
#dc5300
```
#dc5300 rgb(220,83,0)
```
#00dcc1
```
#00dcc1 rgb(0,220,193)
```

Split Complementary Color

#5300dc
```
#5300dc rgb(83,0,220)
```
#dc5300
```
#dc5300 rgb(220,83,0)
```
#00dc53
```
#00dc53 rgb(0,220,83)
```

Triadic Color

#dc0089
```
#dc0089 rgb(220,0,137)
```
#dc5300
```
#dc5300 rgb(220,83,0)
```
#00dc53
```
#00dc53 rgb(0,220,83)
```
#0089dc
```
#0089dc rgb(0,137,220)
```

Tetradic Color

#903600
```
#903600 rgb(144,54,0)
```
#a94000
```
#a94000 rgb(169,64,0)
```
#c34900
```
#c34900 rgb(195,73,0)
```
#dc5300
```
#dc5300 rgb(220,83,0)
```
#f65d00
```
#f65d00 rgb(246,93,0)
```
#ff6a10
```
#ff6a10 rgb(255,106,16)
```
#ff7a2a
```
#ff7a2a rgb(255,122,42)
```

Monochromatic Color

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

#dc1c00
```
#dc1c00 rgb(220,28,0)
```
#dc2e00
```
#dc2e00 rgb(220,46,0)
```
#dc4100
```
#dc4100 rgb(220,65,0)
```
#dc5300
```
#dc5300 rgb(220,83,0)
```
#dc6500
```
#dc6500 rgb(220,101,0)
```
#dc7800
```
#dc7800 rgb(220,120,0)
```
#dc8a00
```
#dc8a00 rgb(220,138,0)
```

Similar Colors

Text with hexadecimal color #dc5300

This text has a font color of #dc5300.

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

#dc5300 background color

This paragraph has a background color of #dc5300.

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

#dc5300 border color

This element has a border color of #dc5300.

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

CSS codes

.text {color:#dc5300;}

.background {background-color:#dc5300;}

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

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

#040200
```
#040200 rgb(4,2,0)
```
#180900
```
#180900 rgb(24,9,0)
```
#2b1000
```
#2b1000 rgb(43,16,0)
```
#3f1800
```
#3f1800 rgb(63,24,0)
```
#531f00
```
#531f00 rgb(83,31,0)
```
#662700
```
#662700 rgb(102,39,0)
```
#7a2e00
```
#7a2e00 rgb(122,46,0)
```
#8e3500
```
#8e3500 rgb(142,53,0)
```
#a13d00
```
#a13d00 rgb(161,61,0)
```
#b54400
```
#b54400 rgb(181,68,0)
```
#c84c00
```
#c84c00 rgb(200,76,0)
```
#dc5300
```
#dc5300 rgb(220,83,0)
```
#f05a00
```
#f05a00 rgb(240,90,0)
```

Shade Color Variation

#ff6304
```
#ff6304 rgb(255,99,4)
```
#ff6f18
```
#ff6f18 rgb(255,111,24)
```
#ff7b2b
```
#ff7b2b rgb(255,123,43)
```
#ff873f
```
#ff873f rgb(255,135,63)
```
#ff9453
```
#ff9453 rgb(255,148,83)
```
#ffa066
```
#ffa066 rgb(255,160,102)
```
#ffac7a
```
#ffac7a rgb(255,172,122)
```
#ffb88e
```
#ffb88e rgb(255,184,142)
```
#ffc5a1
```
#ffc5a1 rgb(255,197,161)
```
#ffd1b5
```
#ffd1b5 rgb(255,209,181)
```
#ffddc8
```
#ffddc8 rgb(255,221,200)
```
#ffe9dc
```
#ffe9dc rgb(255,233,220)
```
#fff5f0
```
#fff5f0 rgb(255,245,240)
```

Tint Color Variation

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

#766c66
```
#766c66 rgb(118,108,102)
```
#7f6a5d
```
#7f6a5d rgb(127,106,93)
```
#876855
```
#876855 rgb(135,104,85)
```
#90664c
```
#90664c rgb(144,102,76)
```
#986444
```
#986444 rgb(152,100,68)
```
#a1623b
```
#a1623b rgb(161,98,59)
```
#a95f33
```
#a95f33 rgb(169,95,51)
```
#b25d2a
```
#b25d2a rgb(178,93,42)
```
#ba5b22
```
#ba5b22 rgb(186,91,34)
```
#c35919
```
#c35919 rgb(195,89,25)
```
#cb5711
```
#cb5711 rgb(203,87,17)
```
#d45508
```
#d45508 rgb(212,85,8)
```
#dc5300
```
#dc5300 rgb(220,83,0)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#886d5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#968618 Protanopia 1% of men
#a77f00 Deuteranopia 1% of men
#df565a Tritanopia 0.001% of the population

Trichromacy

#af730f Protanomaly 1% of men, 0.01% of women
#ba6f00 Deuteranomaly 6% of men, 0.4% of women
#de5439 Tritanomaly 0.01% of the population

#dc5300 hex color

#dc5300 Color Information

#dc5300 Color Conversion

Color Schemes with #dc5300

Alternatives to #dc5300

#dc5300 Preview

Shades and Tints of #dc5300

Tones of #dc5300

Color Blindness Simulator