#dd8822 hex color

In a RGB color space, hex #dd8822 is composed of 86.7% red, 53.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.5% magenta, 84.6% yellow and 13.3% black. It has a hue angle of 32.7 degrees, a saturation of 73.3% and a lightness of 50%. #dd8822 color hex could be obtained by blending #ffff44 with #bb1100. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 87
- G 53
- B 13
RGB color chart
- C 0
- M 38
- Y 85
- K 13
CMYK color chart

● #dd8822 color description : Bright orange.

The hexadecimal color #dd8822 has RGB values of R:221, G:136, B:34 and CMYK values of C:0, M:0.38, Y:0.85, K:0.13. Its decimal value is 14518306.

Hex triplet	dd8822	`#dd8822`
RGB Decimal	221, 136, 34	`rgb(221,136,34)`
RGB Percent	86.7, 53.3, 13.3	`rgb(86.7%,53.3%,13.3%)`
CMYK	0, 38, 85, 13
HSL	32.7°, 73.3, 50	`hsl(32.7,73.3%,50%)`
HSV (or HSB)	32.7°, 84.6, 86.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.241, 25.402, 62.867
XYZ	38.913, 33.099, 5.853
xyY	0.5, 0.425, 33.099
CIE-LCH	64.241, 67.805, 67.998
CIE-LUV	64.241, 69.859, 58.783
Hunter-Lab	57.532, 20.052, 34.241
Binary	11011101, 10001000, 00100010

#dd8822
```
#dd8822 rgb(221,136,34)
```
#2277dd
```
#2277dd rgb(34,119,221)
```

Complementary Color

#dd2a22
```
#dd2a22 rgb(221,42,34)
```
#dd8822
```
#dd8822 rgb(221,136,34)
```
#d5dd22
```
#d5dd22 rgb(213,221,34)
```

Analogous Color

#2a22dd
```
#2a22dd rgb(42,34,221)
```
#dd8822
```
#dd8822 rgb(221,136,34)
```
#22d5dd
```
#22d5dd rgb(34,213,221)
```

Split Complementary Color

#8822dd
```
#8822dd rgb(136,34,221)
```
#dd8822
```
#dd8822 rgb(221,136,34)
```
#22dd88
```
#22dd88 rgb(34,221,136)
```

Triadic Color

#dd2277
```
#dd2277 rgb(221,34,119)
```
#dd8822
```
#dd8822 rgb(221,136,34)
```
#22dd88
```
#22dd88 rgb(34,221,136)
```
#2277dd
```
#2277dd rgb(34,119,221)
```

Tetradic Color

#9b5f18
```
#9b5f18 rgb(155,95,24)
```
#b16d1b
```
#b16d1b rgb(177,109,27)
```
#c77a1f
```
#c77a1f rgb(199,122,31)
```
#dd8822
```
#dd8822 rgb(221,136,34)
```
#e09438
```
#e09438 rgb(224,148,56)
```
#e4a04e
```
#e4a04e rgb(228,160,78)
```
#e7ac64
```
#e7ac64 rgb(231,172,100)
```

Monochromatic Color

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

#dd5922
```
#dd5922 rgb(221,89,34)
```
#dd6922
```
#dd6922 rgb(221,105,34)
```
#dd7822
```
#dd7822 rgb(221,120,34)
```
#dd8822
```
#dd8822 rgb(221,136,34)
```
#dd9822
```
#dd9822 rgb(221,152,34)
```
#dda722
```
#dda722 rgb(221,167,34)
```
#ddb722
```
#ddb722 rgb(221,183,34)
```

Similar Colors

Text with hexadecimal color #dd8822

This text has a font color of #dd8822.

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

#dd8822 background color

This paragraph has a background color of #dd8822.

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

#dd8822 border color

This element has a border color of #dd8822.

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

CSS codes

.text {color:#dd8822;}

.background {background-color:#dd8822;}

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

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, #110a03 is the darkest color, while #ffffff is the lightest one.

#110a03
```
#110a03 rgb(17,10,3)
```
#221505
```
#221505 rgb(34,21,5)
```
#331f08
```
#331f08 rgb(51,31,8)
```
#442a0a
```
#442a0a rgb(68,42,10)
```
#55340d
```
#55340d rgb(85,52,13)
```
#663f10
```
#663f10 rgb(102,63,16)
```
#774912
```
#774912 rgb(119,73,18)
```
#885415
```
#885415 rgb(136,84,21)
```
#995e18
```
#995e18 rgb(153,94,24)
```
#aa691a
```
#aa691a rgb(170,105,26)
```
#bb731d
```
#bb731d rgb(187,115,29)
```
#cc7e1f
```
#cc7e1f rgb(204,126,31)
```
#dd8822
```
#dd8822 rgb(221,136,34)
```

Shade Color Variation

#e09133
```
#e09133 rgb(224,145,51)
```
#e29a44
```
#e29a44 rgb(226,154,68)
```
#e5a355
```
#e5a355 rgb(229,163,85)
```
#e7ad66
```
#e7ad66 rgb(231,173,102)
```
#eab677
```
#eab677 rgb(234,182,119)
```
#edbf88
```
#edbf88 rgb(237,191,136)
```
#efc899
```
#efc899 rgb(239,200,153)
```
#f2d1aa
```
#f2d1aa rgb(242,209,170)
```
#f5dabb
```
#f5dabb rgb(245,218,187)
```
#f7e4cc
```
#f7e4cc rgb(247,228,204)
```
#faeddd
```
#faeddd rgb(250,237,221)
```
#fcf6ee
```
#fcf6ee rgb(252,246,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#85807a
```
#85807a rgb(133,128,122)
```
#8f8170
```
#8f8170 rgb(143,129,112)
```
#988267
```
#988267 rgb(152,130,103)
```
#a2835d
```
#a2835d rgb(162,131,93)
```
#ac8453
```
#ac8453 rgb(172,132,83)
```
#b68449
```
#b68449 rgb(182,132,73)
```
#c0853f
```
#c0853f rgb(192,133,63)
```
#c98636
```
#c98636 rgb(201,134,54)
```
#d3872c
```
#d3872c rgb(211,135,44)
```
#dd8822
```
#dd8822 rgb(221,136,34)
```
#e78918
```
#e78918 rgb(231,137,24)
```
#f18a0e
```
#f18a0e rgb(241,138,14)
```
#fa8b05
```
#fa8b05 rgb(250,139,5)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#a4937f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a132 Protanopia 1% of men
#c89927 Deuteranopia 1% of men
#e3858e Tritanopia 0.001% of the population

Trichromacy

#c2982c Protanomaly 1% of men, 0.01% of women
#d09225 Deuteranomaly 6% of men, 0.4% of women
#e18666 Tritanomaly 0.01% of the population

#dd8822 hex color

#dd8822 Color Information

#dd8822 Color Conversion

Color Schemes with #dd8822

Alternatives to #dd8822

#dd8822 Preview

Shades and Tints of #dd8822

Tones of #dd8822

Color Blindness Simulator