#dd861f hex color

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

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

● #dd861f color description : Vivid orange.

The hexadecimal color #dd861f has RGB values of R:221, G:134, B:31 and CMYK values of C:0, M:0.39, Y:0.86, K:0.13. Its decimal value is 14517791.

Hex triplet	dd861f	`#dd861f`
RGB Decimal	221, 134, 31	`rgb(221,134,31)`
RGB Percent	86.7, 52.5, 12.2	`rgb(86.7%,52.5%,12.2%)`
CMYK	0, 39, 86, 13
HSL	32.5°, 75.4, 49.4	`hsl(32.5,75.4%,49.4%)`
HSV (or HSB)	32.5°, 86, 86.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	63.774, 26.394, 63.423
XYZ	38.592, 32.524, 5.542
xyY	0.503, 0.424, 32.524
CIE-LCH	63.774, 68.696, 67.405
CIE-LUV	63.774, 71.637, 58.581
Hunter-Lab	57.03, 20.989, 34.16
Binary	11011101, 10000110, 00011111

#dd861f
```
#dd861f rgb(221,134,31)
```
#1f76dd
```
#1f76dd rgb(31,118,221)
```

Complementary Color

#dd271f
```
#dd271f rgb(221,39,31)
```
#dd861f
```
#dd861f rgb(221,134,31)
```
#d5dd1f
```
#d5dd1f rgb(213,221,31)
```

Analogous Color

#271fdd
```
#271fdd rgb(39,31,221)
```
#dd861f
```
#dd861f rgb(221,134,31)
```
#1fd5dd
```
#1fd5dd rgb(31,213,221)
```

Split Complementary Color

#861fdd
```
#861fdd rgb(134,31,221)
```
#dd861f
```
#dd861f rgb(221,134,31)
```
#1fdd86
```
#1fdd86 rgb(31,221,134)
```

Triadic Color

#dd1f76
```
#dd1f76 rgb(221,31,118)
```
#dd861f
```
#dd861f rgb(221,134,31)
```
#1fdd86
```
#1fdd86 rgb(31,221,134)
```
#1f76dd
```
#1f76dd rgb(31,118,221)
```

Tetradic Color

#9a5d16
```
#9a5d16 rgb(154,93,22)
```
#b06b19
```
#b06b19 rgb(176,107,25)
```
#c7781c
```
#c7781c rgb(199,120,28)
```
#dd861f
```
#dd861f rgb(221,134,31)
```
#e29233
```
#e29233 rgb(226,146,51)
```
#e69e49
```
#e69e49 rgb(230,158,73)
```
#e9aa60
```
#e9aa60 rgb(233,170,96)
```

Monochromatic Color

Below, you can see some colors close to #dd861f. 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)
```
#dd661f
```
#dd661f rgb(221,102,31)
```
#dd761f
```
#dd761f rgb(221,118,31)
```
#dd861f
```
#dd861f rgb(221,134,31)
```
#dd961f
```
#dd961f rgb(221,150,31)
```
#dda61f
```
#dda61f rgb(221,166,31)
```
#ddb61f
```
#ddb61f rgb(221,182,31)
```

Similar Colors

Text with hexadecimal color #dd861f

This text has a font color of #dd861f.

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

#dd861f background color

This paragraph has a background color of #dd861f.

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

#dd861f border color

This element has a border color of #dd861f.

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

CSS codes

.text {color:#dd861f;}

.background {background-color:#dd861f;}

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

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)
```
#311e07
```
#311e07 rgb(49,30,7)
```
#422809
```
#422809 rgb(66,40,9)
```
#53330c
```
#53330c rgb(83,51,12)
```
#653d0e
```
#653d0e rgb(101,61,14)
```
#764711
```
#764711 rgb(118,71,17)
```
#875213
```
#875213 rgb(135,82,19)
```
#985c15
```
#985c15 rgb(152,92,21)
```
#a96718
```
#a96718 rgb(169,103,24)
```
#bb711a
```
#bb711a rgb(187,113,26)
```
#cc7c1d
```
#cc7c1d rgb(204,124,29)
```
#dd861f
```
#dd861f rgb(221,134,31)
```

Shade Color Variation

#e28f2e
```
#e28f2e rgb(226,143,46)
```
#e4993f
```
#e4993f rgb(228,153,63)
```
#e7a250
```
#e7a250 rgb(231,162,80)
```
#e9ab62
```
#e9ab62 rgb(233,171,98)
```
#ebb473
```
#ebb473 rgb(235,180,115)
```
#eebd84
```
#eebd84 rgb(238,189,132)
```
#f0c695
```
#f0c695 rgb(240,198,149)
```
#f3d0a6
```
#f3d0a6 rgb(243,208,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 #fa8802 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)
```
#ad824f
```
#ad824f rgb(173,130,79)
```
#b68346
```
#b68346 rgb(182,131,70)
```
#c0843c
```
#c0843c rgb(192,132,60)
```
#ca8432
```
#ca8432 rgb(202,132,50)
```
#d38529
```
#d38529 rgb(211,133,41)
```
#dd861f
```
#dd861f rgb(221,134,31)
```
#e78715
```
#e78715 rgb(231,135,21)
```
#f0880c
```
#f0880c rgb(240,136,12)
```
#fa8802
```
#fa8802 rgb(250,136,2)
```

Tone Color Variation

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

#b2a02f Protanopia 1% of men
#c79823 Deuteranopia 1% of men
#e3838c Tritanopia 0.001% of the population

Trichromacy

#c19629 Protanomaly 1% of men, 0.01% of women
#cf9121 Deuteranomaly 6% of men, 0.4% of women
#e18464 Tritanomaly 0.01% of the population

#dd861f hex color

#dd861f Color Information

#dd861f Color Conversion

Color Schemes with #dd861f

Alternatives to #dd861f

#dd861f Preview

Shades and Tints of #dd861f

Tones of #dd861f

Color Blindness Simulator