colorhexa.com

#dc6c01 hex color

In a RGB color space, hex #dc6c01 is composed of 86.3% red, 42.4% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.9% magenta, 99.5% yellow and 13.7% black. It has a hue angle of 29.3 degrees, a saturation of 99.1% and a lightness of 43.3%. #dc6c01 color hex could be obtained by blending #ffd802 with #b90000. Closest websafe color is: #cc6600.

- R 86
- G 42
- B 0
RGB color chart
- C 0
- M 51
- Y 100
- K 14
CMYK color chart

● #dc6c01 color description : Vivid orange.

The hexadecimal color #dc6c01 has RGB values of R:220, G:108, B:1 and CMYK values of C:0, M:0.51, Y:1, K:0.14. Its decimal value is 14445569.

Hex triplet	dc6c01	`#dc6c01`
RGB Decimal	220, 108, 1	`rgb(220,108,1)`
RGB Percent	86.3, 42.4, 0.4	`rgb(86.3%,42.4%,0.4%)`
CMYK	0, 51, 100, 14
HSL	29.3°, 99.1, 43.3	`hsl(29.3,99.1%,43.3%)`
HSV (or HSB)	29.3°, 99.5, 86.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	57.986, 39.083, 65.843
XYZ	34.885, 25.946, 3.2
xyY	0.545, 0.405, 25.946
CIE-LCH	57.986, 76.569, 59.308
CIE-LUV	57.986, 93.41, 52.857
Hunter-Lab	50.938, 33.105, 31.932
Binary	11011100, 01101100, 00000001

#dc6c01
```
#dc6c01 rgb(220,108,1)
```
#0171dc
```
#0171dc rgb(1,113,220)
```

Complementary Color

#dc0103
```
#dc0103 rgb(220,1,3)
```
#dc6c01
```
#dc6c01 rgb(220,108,1)
```
#dcda01
```
#dcda01 rgb(220,218,1)
```

Analogous Color

#0103dc
```
#0103dc rgb(1,3,220)
```
#dc6c01
```
#dc6c01 rgb(220,108,1)
```
#01dcda
```
#01dcda rgb(1,220,218)
```

Split Complementary Color

#6c01dc
```
#6c01dc rgb(108,1,220)
```
#dc6c01
```
#dc6c01 rgb(220,108,1)
```
#01dc6c
```
#01dc6c rgb(1,220,108)
```

Triadic Color

#904701
```
#904701 rgb(144,71,1)
```
#a95301
```
#a95301 rgb(169,83,1)
```
#c36001
```
#c36001 rgb(195,96,1)
```
#dc6c01
```
#dc6c01 rgb(220,108,1)
```
#f57801
```
#f57801 rgb(245,120,1)
```
#fe8512
```
#fe8512 rgb(254,133,18)
```
#fe922b
```
#fe922b rgb(254,146,43)
```

Monochromatic Color

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

#dc3501
```
#dc3501 rgb(220,53,1)
```
#dc4801
```
#dc4801 rgb(220,72,1)
```
#dc5a01
```
#dc5a01 rgb(220,90,1)
```
#dc6c01
```
#dc6c01 rgb(220,108,1)
```
#dc7e01
```
#dc7e01 rgb(220,126,1)
```
#dc9101
```
#dc9101 rgb(220,145,1)
```
#dca301
```
#dca301 rgb(220,163,1)
```

Similar Colors

Text with hexadecimal color #dc6c01

This text has a font color of #dc6c01.

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

#dc6c01 background color

This paragraph has a background color of #dc6c01.

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

#dc6c01 border color

This element has a border color of #dc6c01.

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

CSS codes

.text {color:#dc6c01;}

.background {background-color:#dc6c01;}

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

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

#050300
```
#050300 rgb(5,3,0)
```
#190c00
```
#190c00 rgb(25,12,0)
```
#2c1600
```
#2c1600 rgb(44,22,0)
```
#401f00
```
#401f00 rgb(64,31,0)
```
#532900
```
#532900 rgb(83,41,0)
```
#673200
```
#673200 rgb(103,50,0)
```
#7a3c01
```
#7a3c01 rgb(122,60,1)
```
#8e4601
```
#8e4601 rgb(142,70,1)
```
#a14f01
```
#a14f01 rgb(161,79,1)
```
#b55901
```
#b55901 rgb(181,89,1)
```
#c86201
```
#c86201 rgb(200,98,1)
```
#dc6c01
```
#dc6c01 rgb(220,108,1)
```
#f07601
```
#f07601 rgb(240,118,1)
```

Shade Color Variation

#fe7f06
```
#fe7f06 rgb(254,127,6)
```
#fe891a
```
#fe891a rgb(254,137,26)
```
#fe932d
```
#fe932d rgb(254,147,45)
```
#fe9d41
```
#fe9d41 rgb(254,157,65)
```
#fea754
```
#fea754 rgb(254,167,84)
```
#feb168
```
#feb168 rgb(254,177,104)
```
#febb7c
```
#febb7c rgb(254,187,124)
```
#fec58f
```
#fec58f rgb(254,197,143)
```
#ffd0a3
```
#ffd0a3 rgb(255,208,163)
```
#ffdab6
```
#ffdab6 rgb(255,218,182)
```
#ffe4ca
```
#ffe4ca rgb(255,228,202)
```
#ffeedd
```
#ffeedd rgb(255,238,221)
```
#fff8f1
```
#fff8f1 rgb(255,248,241)
```

Tint Color Variation

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

#766e67
```
#766e67 rgb(118,110,103)
```
#7f6e5f
```
#7f6e5f rgb(127,110,95)
```
#876e56
```
#876e56 rgb(135,110,86)
```
#906e4e
```
#906e4e rgb(144,110,78)
```
#986e45
```
#986e45 rgb(152,110,69)
```
#a16d3d
```
#a16d3d rgb(161,109,61)
```
#a96d34
```
#a96d34 rgb(169,109,52)
```
#b26d2c
```
#b26d2c rgb(178,109,44)
```
#ba6d23
```
#ba6d23 rgb(186,109,35)
```
#c36d1b
```
#c36d1b rgb(195,109,27)
```
#cb6c12
```
#cb6c12 rgb(203,108,18)
```
#d46c0a
```
#d46c0a rgb(212,108,10)
```
#dc6c01
```
#dc6c01 rgb(220,108,1)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#937d67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39117 Protanopia 1% of men
#b58a00 Deuteranopia 1% of men
#e16c72 Tritanopia 0.001% of the population

Trichromacy

#b7830f Protanomaly 1% of men, 0.01% of women
#c37f00 Deuteranomaly 6% of men, 0.4% of women
#df6c49 Tritanomaly 0.01% of the population