colorhexa.com

#dc7c31 hex color

In a RGB color space, hex #dc7c31 is composed of 86.3% red, 48.6% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.6% magenta, 77.7% yellow and 13.7% black. It has a hue angle of 26.3 degrees, a saturation of 71% and a lightness of 52.7%. #dc7c31 color hex could be obtained by blending #fff862 with #b90000. Closest websafe color is: #cc6633.

- R 86
- G 49
- B 19
RGB color chart
- C 0
- M 44
- Y 78
- K 14
CMYK color chart

● #dc7c31 color description : Bright orange.

The hexadecimal color #dc7c31 has RGB values of R:220, G:124, B:49 and CMYK values of C:0, M:0.44, Y:0.78, K:0.14. Its decimal value is 14449713.

Hex triplet	dc7c31	`#dc7c31`
RGB Decimal	220, 124, 49	`rgb(220,124,49)`
RGB Percent	86.3, 48.6, 19.2	`rgb(86.3%,48.6%,19.2%)`
CMYK	0, 44, 78, 14
HSL	26.3°, 71, 52.7	`hsl(26.3,71%,52.7%)`
HSV (or HSB)	26.3°, 77.7, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	61.53, 31.817, 54.693
XYZ	37.278, 29.856, 6.705
xyY	0.505, 0.404, 29.856
CIE-LCH	61.53, 63.274, 59.812
CIE-LUV	61.53, 77.829, 50.796
Hunter-Lab	54.64, 26.161, 30.973
Binary	11011100, 01111100, 00110001

#dc7c31
```
#dc7c31 rgb(220,124,49)
```
#3191dc
```
#3191dc rgb(49,145,220)
```

Complementary Color

#dc313c
```
#dc313c rgb(220,49,60)
```
#dc7c31
```
#dc7c31 rgb(220,124,49)
```
#dcd231
```
#dcd231 rgb(220,210,49)
```

Analogous Color

#313cdc
```
#313cdc rgb(49,60,220)
```
#dc7c31
```
#dc7c31 rgb(220,124,49)
```
#31dcd2
```
#31dcd2 rgb(49,220,210)
```

Split Complementary Color

#7c31dc
```
#7c31dc rgb(124,49,220)
```
#dc7c31
```
#dc7c31 rgb(220,124,49)
```
#31dc7c
```
#31dc7c rgb(49,220,124)
```

Triadic Color

#dc3191
```
#dc3191 rgb(220,49,145)
```
#dc7c31
```
#dc7c31 rgb(220,124,49)
```
#31dc7c
```
#31dc7c rgb(49,220,124)
```
#3191dc
```
#3191dc rgb(49,145,220)
```

Tetradic Color

#a5581c
```
#a5581c rgb(165,88,28)
```
#ba6420
```
#ba6420 rgb(186,100,32)
```
#d06f23
```
#d06f23 rgb(208,111,35)
```
#dc7c31
```
#dc7c31 rgb(220,124,49)
```
#e08a47
```
#e08a47 rgb(224,138,71)
```
#e3985d
```
#e3985d rgb(227,152,93)
```
#e7a672
```
#e7a672 rgb(231,166,114)
```

Monochromatic Color

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

#dc5131
```
#dc5131 rgb(220,81,49)
```
#dc6031
```
#dc6031 rgb(220,96,49)
```
#dc6e31
```
#dc6e31 rgb(220,110,49)
```
#dc7c31
```
#dc7c31 rgb(220,124,49)
```
#dc8a31
```
#dc8a31 rgb(220,138,49)
```
#dc9931
```
#dc9931 rgb(220,153,49)
```
#dca731
```
#dca731 rgb(220,167,49)
```

Similar Colors

Text with hexadecimal color #dc7c31

This text has a font color of #dc7c31.

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

#dc7c31 background color

This paragraph has a background color of #dc7c31.

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

#dc7c31 border color

This element has a border color of #dc7c31.

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

CSS codes

.text {color:#dc7c31;}

.background {background-color:#dc7c31;}

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

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, #0c0602 is the darkest color, while #fefcfa is the lightest one.

#0c0602
```
#0c0602 rgb(12,6,2)
```
#1d0f05
```
#1d0f05 rgb(29,15,5)
```
#2e1808
```
#2e1808 rgb(46,24,8)
```
#3e210b
```
#3e210b rgb(62,33,11)
```
#4f2a0d
```
#4f2a0d rgb(79,42,13)
```
#603310
```
#603310 rgb(96,51,16)
```
#713c13
```
#713c13 rgb(113,60,19)
```
#814516
```
#814516 rgb(129,69,22)
```
#924e19
```
#924e19 rgb(146,78,25)
```
#a3571c
```
#a3571c rgb(163,87,28)
```
#b4601f
```
#b4601f rgb(180,96,31)
```
#c46921
```
#c46921 rgb(196,105,33)
```
#d57224
```
#d57224 rgb(213,114,36)
```

Shade Color Variation

#dc7c31
```
#dc7c31 rgb(220,124,49)
```
#df8742
```
#df8742 rgb(223,135,66)
```
#e29153
```
#e29153 rgb(226,145,83)
```
#e59c63
```
#e59c63 rgb(229,156,99)
```
#e7a774
```
#e7a774 rgb(231,167,116)
```
#eab185
```
#eab185 rgb(234,177,133)
```
#edbc96
```
#edbc96 rgb(237,188,150)
```
#f0c7a6
```
#f0c7a6 rgb(240,199,166)
```
#f3d1b7
```
#f3d1b7 rgb(243,209,183)
```
#f6dcc8
```
#f6dcc8 rgb(246,220,200)
```
#f8e7d9
```
#f8e7d9 rgb(248,231,217)
```
#fbf1e9
```
#fbf1e9 rgb(251,241,233)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#898684
```
#898684 rgb(137,134,132)
```
#92857b
```
#92857b rgb(146,133,123)
```
#9b8472
```
#9b8472 rgb(155,132,114)
```
#a48369
```
#a48369 rgb(164,131,105)
```
#ae825f
```
#ae825f rgb(174,130,95)
```
#b78156
```
#b78156 rgb(183,129,86)
```
#c07f4d
```
#c07f4d rgb(192,127,77)
```
#c97e44
```
#c97e44 rgb(201,126,68)
```
#d37d3a
```
#d37d3a rgb(211,125,58)
```
#dc7c31
```
#dc7c31 rgb(220,124,49)
```
#e57b28
```
#e57b28 rgb(229,123,40)
```
#ef7a1e
```
#ef7a1e rgb(239,122,30)
```
#f87915
```
#f87915 rgb(248,121,21)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#9f8c7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9a42 Protanopia 1% of men
#bf9235 Deuteranopia 1% of men
#e17b83 Tritanopia 0.001% of the population

Trichromacy

#bc8f3b Protanomaly 1% of men, 0.01% of women
#c98a33 Deuteranomaly 6% of men, 0.4% of women
#df7b65 Tritanomaly 0.01% of the population