colorhexa.com

#dd8222 hex color

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

- R 87
- G 51
- B 13
RGB color chart
- C 0
- M 41
- Y 85
- K 13
CMYK color chart

● #dd8222 color description : Bright orange.

The hexadecimal color #dd8222 has RGB values of R:221, G:130, B:34 and CMYK values of C:0, M:0.41, Y:0.85, K:0.13. Its decimal value is 14516770.

Hex triplet	dd8222	`#dd8222`
RGB Decimal	221, 130, 34	`rgb(221,130,34)`
RGB Percent	86.7, 51, 13.3	`rgb(86.7%,51%,13.3%)`
CMYK	0, 41, 85, 13
HSL	30.8°, 73.3, 50	`hsl(30.8,73.3%,50%)`
HSV (or HSB)	30.8°, 84.6, 86.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	62.891, 28.591, 61.735
XYZ	38.091, 31.456, 5.579
xyY	0.507, 0.419, 31.456
CIE-LCH	62.891, 68.034, 65.15
CIE-LUV	62.891, 74.777, 56.578
Hunter-Lab	56.086, 23.081, 33.362
Binary	11011101, 10000010, 00100010

#dd8222
```
#dd8222 rgb(221,130,34)
```
#227ddd
```
#227ddd rgb(34,125,221)
```

Complementary Color

#dd2522
```
#dd2522 rgb(221,37,34)
```
#dd8222
```
#dd8222 rgb(221,130,34)
```
#dbdd22
```
#dbdd22 rgb(219,221,34)
```

Analogous Color

#2522dd
```
#2522dd rgb(37,34,221)
```
#dd8222
```
#dd8222 rgb(221,130,34)
```
#22dbdd
```
#22dbdd rgb(34,219,221)
```

Split Complementary Color

#8222dd
```
#8222dd rgb(130,34,221)
```
#dd8222
```
#dd8222 rgb(221,130,34)
```
#22dd82
```
#22dd82 rgb(34,221,130)
```

Triadic Color

#dd227d
```
#dd227d rgb(221,34,125)
```
#dd8222
```
#dd8222 rgb(221,130,34)
```
#22dd82
```
#22dd82 rgb(34,221,130)
```
#227ddd
```
#227ddd rgb(34,125,221)
```

Tetradic Color

#9b5b18
```
#9b5b18 rgb(155,91,24)
```
#b1681b
```
#b1681b rgb(177,104,27)
```
#c7751f
```
#c7751f rgb(199,117,31)
```
#dd8222
```
#dd8222 rgb(221,130,34)
```
#e08f38
```
#e08f38 rgb(224,143,56)
```
#e49b4e
```
#e49b4e rgb(228,155,78)
```
#e7a864
```
#e7a864 rgb(231,168,100)
```

Monochromatic Color

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

#dd5322
```
#dd5322 rgb(221,83,34)
```
#dd6322
```
#dd6322 rgb(221,99,34)
```
#dd7222
```
#dd7222 rgb(221,114,34)
```
#dd8222
```
#dd8222 rgb(221,130,34)
```
#dd9222
```
#dd9222 rgb(221,146,34)
```
#dda122
```
#dda122 rgb(221,161,34)
```
#ddb122
```
#ddb122 rgb(221,177,34)
```

Similar Colors

Text with hexadecimal color #dd8222

This text has a font color of #dd8222.

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

#dd8222 background color

This paragraph has a background color of #dd8222.

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

#dd8222 border color

This element has a border color of #dd8222.

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

CSS codes

.text {color:#dd8222;}

.background {background-color:#dd8222;}

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

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)
```
#221405
```
#221405 rgb(34,20,5)
```
#331e08
```
#331e08 rgb(51,30,8)
```
#44280a
```
#44280a rgb(68,40,10)
```
#55320d
```
#55320d rgb(85,50,13)
```
#663c10
```
#663c10 rgb(102,60,16)
```
#774612
```
#774612 rgb(119,70,18)
```
#885015
```
#885015 rgb(136,80,21)
```
#995a18
```
#995a18 rgb(153,90,24)
```
#aa641a
```
#aa641a rgb(170,100,26)
```
#bb6e1d
```
#bb6e1d rgb(187,110,29)
```
#cc781f
```
#cc781f rgb(204,120,31)
```
#dd8222
```
#dd8222 rgb(221,130,34)
```

Shade Color Variation

#e08c33
```
#e08c33 rgb(224,140,51)
```
#e29544
```
#e29544 rgb(226,149,68)
```
#e59f55
```
#e59f55 rgb(229,159,85)
```
#e7a866
```
#e7a866 rgb(231,168,102)
```
#eab277
```
#eab277 rgb(234,178,119)
```
#edbc88
```
#edbc88 rgb(237,188,136)
```
#efc599
```
#efc599 rgb(239,197,153)
```
#f2cfaa
```
#f2cfaa rgb(242,207,170)
```
#f5d9bb
```
#f5d9bb rgb(245,217,187)
```
#f7e2cc
```
#f7e2cc rgb(247,226,204)
```
#faecdd
```
#faecdd rgb(250,236,221)
```
#fcf5ee
```
#fcf5ee rgb(252,245,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 #fa8305 is the most saturated one.

#85807a
```
#85807a rgb(133,128,122)
```
#8f8070
```
#8f8070 rgb(143,128,112)
```
#988067
```
#988067 rgb(152,128,103)
```
#a2805d
```
#a2805d rgb(162,128,93)
```
#ac8153
```
#ac8153 rgb(172,129,83)
```
#b68149
```
#b68149 rgb(182,129,73)
```
#c0813f
```
#c0813f rgb(192,129,63)
```
#c98136
```
#c98136 rgb(201,129,54)
```
#d3822c
```
#d3822c rgb(211,130,44)
```
#dd8222
```
#dd8222 rgb(221,130,34)
```
#e78218
```
#e78218 rgb(231,130,24)
```
#f1830e
```
#f1830e rgb(241,131,14)
```
#fa8305
```
#fa8305 rgb(250,131,5)
```

Tone Color Variation

Below, you can see how #dd8222 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
#a18f7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#af9d32 Protanopia 1% of men
#c49526 Deuteranopia 1% of men
#e38088 Tritanopia 0.001% of the population

Trichromacy

#c0932c Protanomaly 1% of men, 0.01% of women
#cd8e24 Deuteranomaly 6% of men, 0.4% of women
#e18063 Tritanomaly 0.01% of the population