#dd8f63 hex color

In a RGB color space, hex #dd8f63 is composed of 86.7% red, 56.1% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.3% magenta, 55.2% yellow and 13.3% black. It has a hue angle of 21.6 degrees, a saturation of 64.2% and a lightness of 62.7%. #dd8f63 color hex could be obtained by blending #ffffc6 with #bb1f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 87
- G 56
- B 39
RGB color chart
- C 0
- M 35
- Y 55
- K 13
CMYK color chart

● #dd8f63 color description : Soft orange.

The hexadecimal color #dd8f63 has RGB values of R:221, G:143, B:99 and CMYK values of C:0, M:0.35, Y:0.55, K:0.13. Its decimal value is 14520163.

Hex triplet	dd8f63	`#dd8f63`
RGB Decimal	221, 143, 99	`rgb(221,143,99)`
RGB Percent	86.7, 56.1, 38.8	`rgb(86.7%,56.1%,38.8%)`
CMYK	0, 35, 55, 13
HSL	21.6°, 64.2, 62.7	`hsl(21.6,64.2%,62.7%)`
HSV (or HSB)	21.6°, 55.2, 86.7
Web Safe	cc9966	`#cc9966`

CIE-LAB	66.459, 25.09, 35.477
XYZ	41.894, 35.921, 16.531
xyY	0.444, 0.381, 35.921
CIE-LCH	66.459, 43.453, 54.732
CIE-LUV	66.459, 58.776, 38.511
Hunter-Lab	59.934, 19.888, 25.601
Binary	11011101, 10001111, 01100011

#dd8f63
```
#dd8f63 rgb(221,143,99)
```
#63b1dd
```
#63b1dd rgb(99,177,221)
```

Complementary Color

#dd6374
```
#dd6374 rgb(221,99,116)
```
#dd8f63
```
#dd8f63 rgb(221,143,99)
```
#ddcc63
```
#ddcc63 rgb(221,204,99)
```

Analogous Color

#6374dd
```
#6374dd rgb(99,116,221)
```
#dd8f63
```
#dd8f63 rgb(221,143,99)
```
#63ddcc
```
#63ddcc rgb(99,221,204)
```

Split Complementary Color

#8f63dd
```
#8f63dd rgb(143,99,221)
```
#dd8f63
```
#dd8f63 rgb(221,143,99)
```
#63dd8f
```
#63dd8f rgb(99,221,143)
```

Triadic Color

#dd63b1
```
#dd63b1 rgb(221,99,177)
```
#dd8f63
```
#dd8f63 rgb(221,143,99)
```
#63dd8f
```
#63dd8f rgb(99,221,143)
```
#63b1dd
```
#63b1dd rgb(99,177,221)
```

Tetradic Color

#c8642c
```
#c8642c rgb(200,100,44)
```
#d47139
```
#d47139 rgb(212,113,57)
```
#d8804e
```
#d8804e rgb(216,128,78)
```
#dd8f63
```
#dd8f63 rgb(221,143,99)
```
#e29e78
```
#e29e78 rgb(226,158,120)
```
#e6ad8d
```
#e6ad8d rgb(230,173,141)
```
#ebbca2
```
#ebbca2 rgb(235,188,162)
```

Monochromatic Color

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

#dd7163
```
#dd7163 rgb(221,113,99)
```
#dd7b63
```
#dd7b63 rgb(221,123,99)
```
#dd8563
```
#dd8563 rgb(221,133,99)
```
#dd8f63
```
#dd8f63 rgb(221,143,99)
```
#dd9963
```
#dd9963 rgb(221,153,99)
```
#dda363
```
#dda363 rgb(221,163,99)
```
#ddae63
```
#ddae63 rgb(221,174,99)
```

Similar Colors

Text with hexadecimal color #dd8f63

This text has a font color of #dd8f63.

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

#dd8f63 background color

This paragraph has a background color of #dd8f63.

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

#dd8f63 border color

This element has a border color of #dd8f63.

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

CSS codes

.text {color:#dd8f63;}

.background {background-color:#dd8f63;}

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

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, #050301 is the darkest color, while #fdf7f4 is the lightest one.

#050301
```
#050301 rgb(5,3,1)
```
#150b05
```
#150b05 rgb(21,11,5)
```
#251308
```
#251308 rgb(37,19,8)
```
#351b0c
```
#351b0c rgb(53,27,12)
```
#45230f
```
#45230f rgb(69,35,15)
```
#562b13
```
#562b13 rgb(86,43,19)
```
#663316
```
#663316 rgb(102,51,22)
```
#763b1a
```
#763b1a rgb(118,59,26)
```
#86431d
```
#86431d rgb(134,67,29)
```
#964b21
```
#964b21 rgb(150,75,33)
```
#a65324
```
#a65324 rgb(166,83,36)
```
#b65b28
```
#b65b28 rgb(182,91,40)
```
#c6632b
```
#c6632b rgb(198,99,43)
```

Shade Color Variation

#d26c33
```
#d26c33 rgb(210,108,51)
```
#d67843
```
#d67843 rgb(214,120,67)
```
#d98353
```
#d98353 rgb(217,131,83)
```
#dd8f63
```
#dd8f63 rgb(221,143,99)
```
#e19b73
```
#e19b73 rgb(225,155,115)
```
#e4a683
```
#e4a683 rgb(228,166,131)
```
#e8b293
```
#e8b293 rgb(232,178,147)
```
#ebbda3
```
#ebbda3 rgb(235,189,163)
```
#efc9b4
```
#efc9b4 rgb(239,201,180)
```
#f2d4c4
```
#f2d4c4 rgb(242,212,196)
```
#f6e0d4
```
#f6e0d4 rgb(246,224,212)
```
#f9ece4
```
#f9ece4 rgb(249,236,228)
```
#fdf7f4
```
#fdf7f4 rgb(253,247,244)
```

Tint Color Variation

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

#a39f9d
```
#a39f9d rgb(163,159,157)
```
#aa9d96
```
#aa9d96 rgb(170,157,150)
```
#b19b8f
```
#b19b8f rgb(177,155,143)
```
#b89988
```
#b89988 rgb(184,153,136)
```
#c09780
```
#c09780 rgb(192,151,128)
```
#c79579
```
#c79579 rgb(199,149,121)
```
#ce9372
```
#ce9372 rgb(206,147,114)
```
#d6916a
```
#d6916a rgb(214,145,106)
```
#dd8f63
```
#dd8f63 rgb(221,143,99)
```
#e48d5c
```
#e48d5c rgb(228,141,92)
```
#ec8b54
```
#ec8b54 rgb(236,139,84)
```
#f3894d
```
#f3894d rgb(243,137,77)
```
#fa8746
```
#fa8746 rgb(250,135,70)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#ad9d95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a671 Protanopia 1% of men
#c89f68 Deuteranopia 1% of men
#e28e98 Tritanopia 0.001% of the population

Trichromacy

#c29d6c Protanomaly 1% of men, 0.01% of women
#cf9966 Deuteranomaly 6% of men, 0.4% of women
#e08e85 Tritanomaly 0.01% of the population

#dd8f63 hex color

#dd8f63 Color Information

#dd8f63 Color Conversion

Color Schemes with #dd8f63

Alternatives to #dd8f63

#dd8f63 Preview

Shades and Tints of #dd8f63

Tones of #dd8f63

Color Blindness Simulator