#dd821e hex color

In a RGB color space, hex #dd821e is composed of 86.7% red, 51% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.2% magenta, 86.4% yellow and 13.3% black. It has a hue angle of 31.4 degrees, a saturation of 76.1% and a lightness of 49.2%. #dd821e color hex could be obtained by blending #ffff3c with #bb0500. Closest websafe color is: #cc9933.

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

● #dd821e color description : Vivid orange.

The hexadecimal color #dd821e has RGB values of R:221, G:130, B:30 and CMYK values of C:0, M:0.41, Y:0.86, K:0.13. Its decimal value is 14516766.

Hex triplet	dd821e	`#dd821e`
RGB Decimal	221, 130, 30	`rgb(221,130,30)`
RGB Percent	86.7, 51, 11.8	`rgb(86.7%,51%,11.8%)`
CMYK	0, 41, 86, 13
HSL	31.4°, 76.1, 49.2	`hsl(31.4,76.1%,49.2%)`
HSV (or HSB)	31.4°, 86.4, 86.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	62.873, 28.494, 62.997
XYZ	38.037, 31.434, 5.293
xyY	0.509, 0.42, 31.434
CIE-LCH	62.873, 69.141, 65.662
CIE-LUV	62.873, 74.975, 57.293
Hunter-Lab	56.066, 22.984, 33.65
Binary	11011101, 10000010, 00011110

#dd821e
```
#dd821e rgb(221,130,30)
```
#1e79dd
```
#1e79dd rgb(30,121,221)
```

Complementary Color

#dd231e
```
#dd231e rgb(221,35,30)
```
#dd821e
```
#dd821e rgb(221,130,30)
```
#d9dd1e
```
#d9dd1e rgb(217,221,30)
```

Analogous Color

#221edd
```
#221edd rgb(34,30,221)
```
#dd821e
```
#dd821e rgb(221,130,30)
```
#1ed9dd
```
#1ed9dd rgb(30,217,221)
```

Split Complementary Color

#821edd
```
#821edd rgb(130,30,221)
```
#dd821e
```
#dd821e rgb(221,130,30)
```
#1edd82
```
#1edd82 rgb(30,221,130)
```

Triadic Color

#dd1e79
```
#dd1e79 rgb(221,30,121)
```
#dd821e
```
#dd821e rgb(221,130,30)
```
#1edd82
```
#1edd82 rgb(30,221,130)
```
#1e79dd
```
#1e79dd rgb(30,121,221)
```

Tetradic Color

#9a5a15
```
#9a5a15 rgb(154,90,21)
```
#b06818
```
#b06818 rgb(176,104,24)
```
#c7751b
```
#c7751b rgb(199,117,27)
```
#dd821e
```
#dd821e rgb(221,130,30)
```
#e38e31
```
#e38e31 rgb(227,142,49)
```
#e69b48
```
#e69b48 rgb(230,155,72)
```
#e9a75e
```
#e9a75e rgb(233,167,94)
```

Monochromatic Color

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

#dd521e
```
#dd521e rgb(221,82,30)
```
#dd621e
```
#dd621e rgb(221,98,30)
```
#dd721e
```
#dd721e rgb(221,114,30)
```
#dd821e
```
#dd821e rgb(221,130,30)
```
#dd921e
```
#dd921e rgb(221,146,30)
```
#dda21e
```
#dda21e rgb(221,162,30)
```
#ddb21e
```
#ddb21e rgb(221,178,30)
```

Similar Colors

Text with hexadecimal color #dd821e

This text has a font color of #dd821e.

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

#dd821e background color

This paragraph has a background color of #dd821e.

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

#dd821e border color

This element has a border color of #dd821e.

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

CSS codes

.text {color:#dd821e;}

.background {background-color:#dd821e;}

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

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

#0e0802
```
#0e0802 rgb(14,8,2)
```
#1f1204
```
#1f1204 rgb(31,18,4)
```
#301c07
```
#301c07 rgb(48,28,7)
```
#422709
```
#422709 rgb(66,39,9)
```
#53310b
```
#53310b rgb(83,49,11)
```
#643b0e
```
#643b0e rgb(100,59,14)
```
#754510
```
#754510 rgb(117,69,16)
```
#874f12
```
#874f12 rgb(135,79,18)
```
#985915
```
#985915 rgb(152,89,21)
```
#a96417
```
#a96417 rgb(169,100,23)
```
#ba6e19
```
#ba6e19 rgb(186,110,25)
```
#cc781c
```
#cc781c rgb(204,120,28)
```
#dd821e
```
#dd821e rgb(221,130,30)
```

Shade Color Variation

#e28c2c
```
#e28c2c rgb(226,140,44)
```
#e5953d
```
#e5953d rgb(229,149,61)
```
#e79f4f
```
#e79f4f rgb(231,159,79)
```
#e9a860
```
#e9a860 rgb(233,168,96)
```
#ecb171
```
#ecb171 rgb(236,177,113)
```
#eebb83
```
#eebb83 rgb(238,187,131)
```
#f0c494
```
#f0c494 rgb(240,196,148)
```
#f3cea5
```
#f3cea5 rgb(243,206,165)
```
#f5d7b6
```
#f5d7b6 rgb(245,215,182)
```
#f7e1c8
```
#f7e1c8 rgb(247,225,200)
```
#faead9
```
#faead9 rgb(250,234,217)
```
#fcf4ea
```
#fcf4ea rgb(252,244,234)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#867e75
```
#867e75 rgb(134,126,117)
```
#907e6b
```
#907e6b rgb(144,126,107)
```
#997f62
```
#997f62 rgb(153,127,98)
```
#a37f58
```
#a37f58 rgb(163,127,88)
```
#ad804e
```
#ad804e rgb(173,128,78)
```
#b68045
```
#b68045 rgb(182,128,69)
```
#c0813b
```
#c0813b rgb(192,129,59)
```
#ca8131
```
#ca8131 rgb(202,129,49)
```
#d38228
```
#d38228 rgb(211,130,40)
```
#dd821e
```
#dd821e rgb(221,130,30)
```
#e78214
```
#e78214 rgb(231,130,20)
```
#f0830b
```
#f0830b rgb(240,131,11)
```
#fa8301
```
#fa8301 rgb(250,131,1)
```

Tone Color Variation

Below, you can see how #dd821e 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
#e37f88 Tritanopia 0.001% of the population

Trichromacy

#c09328 Protanomaly 1% of men, 0.01% of women
#cd8e20 Deuteranomaly 6% of men, 0.4% of women
#e18061 Tritanomaly 0.01% of the population

#dd821e hex color

#dd821e Color Information

#dd821e Color Conversion

Color Schemes with #dd821e

Alternatives to #dd821e

#dd821e Preview

Shades and Tints of #dd821e

Tones of #dd821e

Color Blindness Simulator