#dc580e hex color

In a RGB color space, hex #dc580e is composed of 86.3% red, 34.5% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60% magenta, 93.6% yellow and 13.7% black. It has a hue angle of 21.6 degrees, a saturation of 88% and a lightness of 45.9%. #dc580e color hex could be obtained by blending #ffb01c with #b90000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 86
- G 35
- B 5
RGB color chart
- C 0
- M 60
- Y 94
- K 14
CMYK color chart

● #dc580e color description : Vivid orange.

The hexadecimal color #dc580e has RGB values of R:220, G:88, B:14 and CMYK values of C:0, M:0.6, Y:0.94, K:0.14. Its decimal value is 14440462.

Hex triplet	dc580e	`#dc580e`
RGB Decimal	220, 88, 14	`rgb(220,88,14)`
RGB Percent	86.3, 34.5, 5.5	`rgb(86.3%,34.5%,5.5%)`
CMYK	0, 60, 94, 14
HSL	21.6°, 88, 45.9	`hsl(21.6,88%,45.9%)`
HSV (or HSB)	21.6°, 93.6, 86.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	54.271, 48.835, 60.991
XYZ	33.086, 22.23, 2.964
xyY	0.568, 0.381, 22.23
CIE-LCH	54.271, 78.133, 51.316
CIE-LUV	54.271, 109.12, 45.56
Hunter-Lab	47.149, 42.747, 29.277
Binary	11011100, 01011000, 00001110

#dc580e
```
#dc580e rgb(220,88,14)
```
#0e92dc
```
#0e92dc rgb(14,146,220)
```

Complementary Color

#dc0e2b
```
#dc0e2b rgb(220,14,43)
```
#dc580e
```
#dc580e rgb(220,88,14)
```
#dcbf0e
```
#dcbf0e rgb(220,191,14)
```

Analogous Color

#0e2bdc
```
#0e2bdc rgb(14,43,220)
```
#dc580e
```
#dc580e rgb(220,88,14)
```
#0edcbf
```
#0edcbf rgb(14,220,191)
```

Split Complementary Color

#580edc
```
#580edc rgb(88,14,220)
```
#dc580e
```
#dc580e rgb(220,88,14)
```
#0edc58
```
#0edc58 rgb(14,220,88)
```

Triadic Color

#dc0e92
```
#dc0e92 rgb(220,14,146)
```
#dc580e
```
#dc580e rgb(220,88,14)
```
#0edc58
```
#0edc58 rgb(14,220,88)
```
#0e92dc
```
#0e92dc rgb(14,146,220)
```

Tetradic Color

#943b09
```
#943b09 rgb(148,59,9)
```
#ac450b
```
#ac450b rgb(172,69,11)
```
#c44e0c
```
#c44e0c rgb(196,78,12)
```
#dc580e
```
#dc580e rgb(220,88,14)
```
#f06313
```
#f06313 rgb(240,99,19)
```
#f2732b
```
#f2732b rgb(242,115,43)
```
#f38343
```
#f38343 rgb(243,131,67)
```

Monochromatic Color

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

#dc240e
```
#dc240e rgb(220,36,14)
```
#dc360e
```
#dc360e rgb(220,54,14)
```
#dc470e
```
#dc470e rgb(220,71,14)
```
#dc580e
```
#dc580e rgb(220,88,14)
```
#dc690e
```
#dc690e rgb(220,105,14)
```
#dc7a0e
```
#dc7a0e rgb(220,122,14)
```
#dc8c0e
```
#dc8c0e rgb(220,140,14)
```

Similar Colors

Text with hexadecimal color #dc580e

This text has a font color of #dc580e.

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

#dc580e background color

This paragraph has a background color of #dc580e.

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

#dc580e border color

This element has a border color of #dc580e.

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

CSS codes

.text {color:#dc580e;}

.background {background-color:#dc580e;}

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

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

#110701
```
#110701 rgb(17,7,1)
```
#240e02
```
#240e02 rgb(36,14,2)
```
#361603
```
#361603 rgb(54,22,3)
```
#481d05
```
#481d05 rgb(72,29,5)
```
#5b2406
```
#5b2406 rgb(91,36,6)
```
#6d2c07
```
#6d2c07 rgb(109,44,7)
```
#803308
```
#803308 rgb(128,51,8)
```
#923a09
```
#923a09 rgb(146,58,9)
```
#a5420a
```
#a5420a rgb(165,66,10)
```
#b7490c
```
#b7490c rgb(183,73,12)
```
#ca510d
```
#ca510d rgb(202,81,13)
```
#dc580e
```
#dc580e rgb(220,88,14)
```
#ee5f0f
```
#ee5f0f rgb(238,95,15)
```

Shade Color Variation

#f16b20
```
#f16b20 rgb(241,107,32)
```
#f27833
```
#f27833 rgb(242,120,51)
```
#f38445
```
#f38445 rgb(243,132,69)
```
#f49058
```
#f49058 rgb(244,144,88)
```
#f69c6a
```
#f69c6a rgb(246,156,106)
```
#f7a87d
```
#f7a87d rgb(247,168,125)
```
#f8b58f
```
#f8b58f rgb(248,181,143)
```
#f9c1a1
```
#f9c1a1 rgb(249,193,161)
```
#facdb4
```
#facdb4 rgb(250,205,180)
```
#fbd9c6
```
#fbd9c6 rgb(251,217,198)
```
#fde6d9
```
#fde6d9 rgb(253,230,217)
```
#fef2eb
```
#fef2eb rgb(254,242,235)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#797471
```
#797471 rgb(121,116,113)
```
#827168
```
#827168 rgb(130,113,104)
```
#8b6f5f
```
#8b6f5f rgb(139,111,95)
```
#946c56
```
#946c56 rgb(148,108,86)
```
#9d6a4d
```
#9d6a4d rgb(157,106,77)
```
#a66744
```
#a66744 rgb(166,103,68)
```
#af653b
```
#af653b rgb(175,101,59)
```
#b86232
```
#b86232 rgb(184,98,50)
```
#c16029
```
#c16029 rgb(193,96,41)
```
#ca5d20
```
#ca5d20 rgb(202,93,32)
```
#d35b17
```
#d35b17 rgb(211,91,23)
```
#dc580e
```
#dc580e rgb(220,88,14)
```
#e55505
```
#e55505 rgb(229,85,5)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#8b7162 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988824 Protanopia 1% of men
#aa8100 Deuteranopia 1% of men
#df5a5f Tritanopia 0.001% of the population

Trichromacy

#b0761c Protanomaly 1% of men, 0.01% of women
#bc7205 Deuteranomaly 6% of men, 0.4% of women
#de5942 Tritanomaly 0.01% of the population

#dc580e hex color

#dc580e Color Information

#dc580e Color Conversion

Color Schemes with #dc580e

Alternatives to #dc580e

#dc580e Preview

Shades and Tints of #dc580e

Tones of #dc580e

Color Blindness Simulator