#dd851f hex color

In a RGB color space, hex #dd851f is composed of 86.7% red, 52.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.8% magenta, 86% yellow and 13.3% black. It has a hue angle of 32.2 degrees, a saturation of 75.4% and a lightness of 49.4%. #dd851f color hex could be obtained by blending #ffff3e with #bb0b00. Closest websafe color is: #cc9933.

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

● #dd851f color description : Vivid orange.

The hexadecimal color #dd851f has RGB values of R:221, G:133, B:31 and CMYK values of C:0, M:0.4, Y:0.86, K:0.13. Its decimal value is 14517535.

Hex triplet	dd851f	`#dd851f`
RGB Decimal	221, 133, 31	`rgb(221,133,31)`
RGB Percent	86.7, 52.2, 12.2	`rgb(86.7%,52.2%,12.2%)`
CMYK	0, 40, 86, 13
HSL	32.2°, 75.4, 49.4	`hsl(32.2,75.4%,49.4%)`
HSV (or HSB)	32.2°, 86, 86.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	63.548, 26.926, 63.239
XYZ	38.455, 32.249, 5.496
xyY	0.505, 0.423, 32.249
CIE-LCH	63.548, 68.733, 66.937
CIE-LUV	63.548, 72.459, 58.215
Hunter-Lab	56.788, 21.494, 34.014
Binary	11011101, 10000101, 00011111

#dd851f
```
#dd851f rgb(221,133,31)
```
#1f77dd
```
#1f77dd rgb(31,119,221)
```

Complementary Color

#dd261f
```
#dd261f rgb(221,38,31)
```
#dd851f
```
#dd851f rgb(221,133,31)
```
#d6dd1f
```
#d6dd1f rgb(214,221,31)
```

Analogous Color

#261fdd
```
#261fdd rgb(38,31,221)
```
#dd851f
```
#dd851f rgb(221,133,31)
```
#1fd6dd
```
#1fd6dd rgb(31,214,221)
```

Split Complementary Color

#851fdd
```
#851fdd rgb(133,31,221)
```
#dd851f
```
#dd851f rgb(221,133,31)
```
#1fdd85
```
#1fdd85 rgb(31,221,133)
```

Triadic Color

#dd1f77
```
#dd1f77 rgb(221,31,119)
```
#dd851f
```
#dd851f rgb(221,133,31)
```
#1fdd85
```
#1fdd85 rgb(31,221,133)
```
#1f77dd
```
#1f77dd rgb(31,119,221)
```

Tetradic Color

#9a5d16
```
#9a5d16 rgb(154,93,22)
```
#b06a19
```
#b06a19 rgb(176,106,25)
```
#c7781c
```
#c7781c rgb(199,120,28)
```
#dd851f
```
#dd851f rgb(221,133,31)
```
#e29133
```
#e29133 rgb(226,145,51)
```
#e69d49
```
#e69d49 rgb(230,157,73)
```
#e9a960
```
#e9a960 rgb(233,169,96)
```

Monochromatic Color

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

#dd561f
```
#dd561f rgb(221,86,31)
```
#dd651f
```
#dd651f rgb(221,101,31)
```
#dd751f
```
#dd751f rgb(221,117,31)
```
#dd851f
```
#dd851f rgb(221,133,31)
```
#dd951f
```
#dd951f rgb(221,149,31)
```
#dda51f
```
#dda51f rgb(221,165,31)
```
#ddb51f
```
#ddb51f rgb(221,181,31)
```

Similar Colors

Text with hexadecimal color #dd851f

This text has a font color of #dd851f.

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

#dd851f background color

This paragraph has a background color of #dd851f.

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

#dd851f border color

This element has a border color of #dd851f.

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

CSS codes

.text {color:#dd851f;}

.background {background-color:#dd851f;}

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

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

#0f0902
```
#0f0902 rgb(15,9,2)
```
#201304
```
#201304 rgb(32,19,4)
```
#311d07
```
#311d07 rgb(49,29,7)
```
#422809
```
#422809 rgb(66,40,9)
```
#53320c
```
#53320c rgb(83,50,12)
```
#653d0e
```
#653d0e rgb(101,61,14)
```
#764711
```
#764711 rgb(118,71,17)
```
#875113
```
#875113 rgb(135,81,19)
```
#985c15
```
#985c15 rgb(152,92,21)
```
#a96618
```
#a96618 rgb(169,102,24)
```
#bb701a
```
#bb701a rgb(187,112,26)
```
#cc7b1d
```
#cc7b1d rgb(204,123,29)
```
#dd851f
```
#dd851f rgb(221,133,31)
```

Shade Color Variation

#e28e2e
```
#e28e2e rgb(226,142,46)
```
#e4983f
```
#e4983f rgb(228,152,63)
```
#e7a150
```
#e7a150 rgb(231,161,80)
```
#e9aa62
```
#e9aa62 rgb(233,170,98)
```
#ebb373
```
#ebb373 rgb(235,179,115)
```
#eebd84
```
#eebd84 rgb(238,189,132)
```
#f0c695
```
#f0c695 rgb(240,198,149)
```
#f3cfa6
```
#f3cfa6 rgb(243,207,166)
```
#f5d9b8
```
#f5d9b8 rgb(245,217,184)
```
#f7e2c9
```
#f7e2c9 rgb(247,226,201)
```
#faebda
```
#faebda rgb(250,235,218)
```
#fcf4eb
```
#fcf4eb rgb(252,244,235)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#867f76
```
#867f76 rgb(134,127,118)
```
#8f7f6d
```
#8f7f6d rgb(143,127,109)
```
#998063
```
#998063 rgb(153,128,99)
```
#a38159
```
#a38159 rgb(163,129,89)
```
#ad814f
```
#ad814f rgb(173,129,79)
```
#b68246
```
#b68246 rgb(182,130,70)
```
#c0833c
```
#c0833c rgb(192,131,60)
```
#ca8432
```
#ca8432 rgb(202,132,50)
```
#d38429
```
#d38429 rgb(211,132,41)
```
#dd851f
```
#dd851f rgb(221,133,31)
```
#e78615
```
#e78615 rgb(231,134,21)
```
#f0860c
```
#f0860c rgb(240,134,12)
```
#fa8702
```
#fa8702 rgb(250,135,2)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#a3917d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b19f2f Protanopia 1% of men
#c69723 Deuteranopia 1% of men
#e3828b Tritanopia 0.001% of the population

Trichromacy

#c19529 Protanomaly 1% of men, 0.01% of women
#ce9021 Deuteranomaly 6% of men, 0.4% of women
#e18363 Tritanomaly 0.01% of the population

#dd851f hex color

#dd851f Color Information

#dd851f Color Conversion

Color Schemes with #dd851f

Alternatives to #dd851f

#dd851f Preview

Shades and Tints of #dd851f

Tones of #dd851f

Color Blindness Simulator