#dc821e hex color

In a RGB color space, hex #dc821e is composed of 86.3% red, 51% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.9% magenta, 86.4% yellow and 13.7% black. It has a hue angle of 31.6 degrees, a saturation of 76% and a lightness of 49%. #dc821e color hex could be obtained by blending #ffff3c with #b90500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 86
- G 51
- B 12
RGB color chart
- C 0
- M 41
- Y 86
- K 14
CMYK color chart

● #dc821e color description : Vivid orange.

The hexadecimal color #dc821e has RGB values of R:220, G:130, B:30 and CMYK values of C:0, M:0.41, Y:0.86, K:0.14. Its decimal value is 14451230.

Hex triplet	dc821e	`#dc821e`
RGB Decimal	220, 130, 30	`rgb(220,130,30)`
RGB Percent	86.3, 51, 11.8	`rgb(86.3%,51%,11.8%)`
CMYK	0, 41, 86, 14
HSL	31.6°, 76, 49	`hsl(31.6,76%,49%)`
HSV (or HSB)	31.6°, 86.4, 86.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	62.741, 28.077, 62.836
XYZ	37.733, 31.278, 5.278
xyY	0.508, 0.421, 31.278
CIE-LCH	62.741, 68.824, 65.924
CIE-LUV	62.741, 74.141, 57.239
Hunter-Lab	55.926, 22.562, 33.553
Binary	11011100, 10000010, 00011110

#dc821e
```
#dc821e rgb(220,130,30)
```
#1e78dc
```
#1e78dc rgb(30,120,220)
```

Complementary Color

#dc231e
```
#dc231e rgb(220,35,30)
```
#dc821e
```
#dc821e rgb(220,130,30)
```
#d7dc1e
```
#d7dc1e rgb(215,220,30)
```

Analogous Color

#231edc
```
#231edc rgb(35,30,220)
```
#dc821e
```
#dc821e rgb(220,130,30)
```
#1ed7dc
```
#1ed7dc rgb(30,215,220)
```

Split Complementary Color

#821edc
```
#821edc rgb(130,30,220)
```
#dc821e
```
#dc821e rgb(220,130,30)
```
#1edc82
```
#1edc82 rgb(30,220,130)
```

Triadic Color

#dc1e78
```
#dc1e78 rgb(220,30,120)
```
#dc821e
```
#dc821e rgb(220,130,30)
```
#1edc82
```
#1edc82 rgb(30,220,130)
```
#1e78dc
```
#1e78dc rgb(30,120,220)
```

Tetradic Color

#995a15
```
#995a15 rgb(153,90,21)
```
#af6718
```
#af6718 rgb(175,103,24)
```
#c6751b
```
#c6751b rgb(198,117,27)
```
#dc821e
```
#dc821e rgb(220,130,30)
```
#e38e31
```
#e38e31 rgb(227,142,49)
```
#e69b47
```
#e69b47 rgb(230,155,71)
```
#e9a75e
```
#e9a75e rgb(233,167,94)
```

Monochromatic Color

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

#dc521e
```
#dc521e rgb(220,82,30)
```
#dc621e
```
#dc621e rgb(220,98,30)
```
#dc721e
```
#dc721e rgb(220,114,30)
```
#dc821e
```
#dc821e rgb(220,130,30)
```
#dc921e
```
#dc921e rgb(220,146,30)
```
#dca21e
```
#dca21e rgb(220,162,30)
```
#dcb21e
```
#dcb21e rgb(220,178,30)
```

Similar Colors

Text with hexadecimal color #dc821e

This text has a font color of #dc821e.

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

#dc821e background color

This paragraph has a background color of #dc821e.

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

#dc821e border color

This element has a border color of #dc821e.

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

CSS codes

.text {color:#dc821e;}

.background {background-color:#dc821e;}

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

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

#0d0802
```
#0d0802 rgb(13,8,2)
```
#1e1204
```
#1e1204 rgb(30,18,4)
```
#2f1c06
```
#2f1c06 rgb(47,28,6)
```
#412609
```
#412609 rgb(65,38,9)
```
#52300b
```
#52300b rgb(82,48,11)
```
#633b0e
```
#633b0e rgb(99,59,14)
```
#744510
```
#744510 rgb(116,69,16)
```
#864f12
```
#864f12 rgb(134,79,18)
```
#975915
```
#975915 rgb(151,89,21)
```
#a86317
```
#a86317 rgb(168,99,23)
```
#b96e19
```
#b96e19 rgb(185,110,25)
```
#cb781c
```
#cb781c rgb(203,120,28)
```
#dc821e
```
#dc821e rgb(220,130,30)
```

Shade Color Variation

#e28c2b
```
#e28c2b rgb(226,140,43)
```
#e5953d
```
#e5953d rgb(229,149,61)
```
#e79e4e
```
#e79e4e rgb(231,158,78)
```
#e9a85f
```
#e9a85f rgb(233,168,95)
```
#ecb171
```
#ecb171 rgb(236,177,113)
```
#eebb82
```
#eebb82 rgb(238,187,130)
```
#f0c493
```
#f0c493 rgb(240,196,147)
```
#f3cea4
```
#f3cea4 rgb(243,206,164)
```
#f5d7b6
```
#f5d7b6 rgb(245,215,182)
```
#f7e0c7
```
#f7e0c7 rgb(247,224,199)
```
#faead8
```
#faead8 rgb(250,234,216)
```
#fcf3e9
```
#fcf3e9 rgb(252,243,233)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#857d75
```
#857d75 rgb(133,125,117)
```
#8f7e6b
```
#8f7e6b rgb(143,126,107)
```
#997e61
```
#997e61 rgb(153,126,97)
```
#a27f58
```
#a27f58 rgb(162,127,88)
```
#ac7f4e
```
#ac7f4e rgb(172,127,78)
```
#b68044
```
#b68044 rgb(182,128,68)
```
#bf803b
```
#bf803b rgb(191,128,59)
```
#c98131
```
#c98131 rgb(201,129,49)
```
#d28128
```
#d28128 rgb(210,129,40)
```
#dc821e
```
#dc821e rgb(220,130,30)
```
#e68314
```
#e68314 rgb(230,131,20)
```
#ef830b
```
#ef830b rgb(239,131,11)
```
#f98401
```
#f98401 rgb(249,132,1)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#a18f7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#af9d2f Protanopia 1% of men
#c49521 Deuteranopia 1% of men
#e27f88 Tritanopia 0.001% of the population

Trichromacy

#bf9328 Protanomaly 1% of men, 0.01% of women
#cc8e20 Deuteranomaly 6% of men, 0.4% of women
#e08061 Tritanomaly 0.01% of the population

#dc821e hex color

#dc821e Color Information

#dc821e Color Conversion

Color Schemes with #dc821e

Alternatives to #dc821e

#dc821e Preview

Shades and Tints of #dc821e

Tones of #dc821e

Color Blindness Simulator