#dd7f56 hex color

In a RGB color space, hex #dd7f56 is composed of 86.7% red, 49.8% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.5% magenta, 61.1% yellow and 13.3% black. It has a hue angle of 18.2 degrees, a saturation of 66.5% and a lightness of 60.2%. #dd7f56 color hex could be obtained by blending #fffeac with #bb0000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 87
- G 50
- B 34
RGB color chart
- C 0
- M 43
- Y 61
- K 13
CMYK color chart

● #dd7f56 color description : Soft orange.

The hexadecimal color #dd7f56 has RGB values of R:221, G:127, B:86 and CMYK values of C:0, M:0.43, Y:0.61, K:0.13. Its decimal value is 14516054.

Hex triplet	dd7f56	`#dd7f56`
RGB Decimal	221, 127, 86	`rgb(221,127,86)`
RGB Percent	86.7, 49.8, 33.7	`rgb(86.7%,49.8%,33.7%)`
CMYK	0, 43, 61, 13
HSL	18.2°, 66.5, 60.2	`hsl(18.2,66.5%,60.2%)`
HSV (or HSB)	18.2°, 61.1, 86.7
Web Safe	cc6666	`#cc6666`

CIE-LAB	62.698, 32.613, 37.782
XYZ	39.089, 31.226, 12.772
xyY	0.47, 0.376, 31.226
CIE-LCH	62.698, 49.911, 49.2
CIE-LUV	62.698, 72.243, 37.958
Hunter-Lab	55.88, 27.073, 25.564
Binary	11011101, 01111111, 01010110

#dd7f56
```
#dd7f56 rgb(221,127,86)
```
#56b4dd
```
#56b4dd rgb(86,180,221)
```

Complementary Color

#dd5671
```
#dd5671 rgb(221,86,113)
```
#dd7f56
```
#dd7f56 rgb(221,127,86)
```
#ddc356
```
#ddc356 rgb(221,195,86)
```

Analogous Color

#5671dd
```
#5671dd rgb(86,113,221)
```
#dd7f56
```
#dd7f56 rgb(221,127,86)
```
#56ddc3
```
#56ddc3 rgb(86,221,195)
```

Split Complementary Color

#7f56dd
```
#7f56dd rgb(127,86,221)
```
#dd7f56
```
#dd7f56 rgb(221,127,86)
```
#56dd7f
```
#56dd7f rgb(86,221,127)
```

Triadic Color

#dd56b4
```
#dd56b4 rgb(221,86,180)
```
#dd7f56
```
#dd7f56 rgb(221,127,86)
```
#56dd7f
```
#56dd7f rgb(86,221,127)
```
#56b4dd
```
#56b4dd rgb(86,180,221)
```

Tetradic Color

#c05527
```
#c05527 rgb(192,85,39)
```
#d45f2c
```
#d45f2c rgb(212,95,44)
```
#d96f41
```
#d96f41 rgb(217,111,65)
```
#dd7f56
```
#dd7f56 rgb(221,127,86)
```
#e18f6b
```
#e18f6b rgb(225,143,107)
```
#e69f80
```
#e69f80 rgb(230,159,128)
```
#eaaf96
```
#eaaf96 rgb(234,175,150)
```

Monochromatic Color

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

#dd5d56
```
#dd5d56 rgb(221,93,86)
```
#dd6956
```
#dd6956 rgb(221,105,86)
```
#dd7456
```
#dd7456 rgb(221,116,86)
```
#dd7f56
```
#dd7f56 rgb(221,127,86)
```
#dd8a56
```
#dd8a56 rgb(221,138,86)
```
#dd9656
```
#dd9656 rgb(221,150,86)
```
#dda156
```
#dda156 rgb(221,161,86)
```

Similar Colors

Text with hexadecimal color #dd7f56

This text has a font color of #dd7f56.

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

#dd7f56 background color

This paragraph has a background color of #dd7f56.

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

#dd7f56 border color

This element has a border color of #dd7f56.

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

CSS codes

.text {color:#dd7f56;}

.background {background-color:#dd7f56;}

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

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

#0b0502
```
#0b0502 rgb(11,5,2)
```
#1b0c05
```
#1b0c05 rgb(27,12,5)
```
#2b1309
```
#2b1309 rgb(43,19,9)
```
#3c1a0c
```
#3c1a0c rgb(60,26,12)
```
#4c220f
```
#4c220f rgb(76,34,15)
```
#5c2913
```
#5c2913 rgb(92,41,19)
```
#6d3016
```
#6d3016 rgb(109,48,22)
```
#7d3719
```
#7d3719 rgb(125,55,25)
```
#8d3f1c
```
#8d3f1c rgb(141,63,28)
```
#9e4620
```
#9e4620 rgb(158,70,32)
```
#ae4d23
```
#ae4d23 rgb(174,77,35)
```
#be5426
```
#be5426 rgb(190,84,38)
```
#cf5c2a
```
#cf5c2a rgb(207,92,42)
```

Shade Color Variation

#d66635
```
#d66635 rgb(214,102,53)
```
#da7346
```
#da7346 rgb(218,115,70)
```
#dd7f56
```
#dd7f56 rgb(221,127,86)
```
#e08b66
```
#e08b66 rgb(224,139,102)
```
#e49877
```
#e49877 rgb(228,152,119)
```
#e7a487
```
#e7a487 rgb(231,164,135)
```
#eab097
```
#eab097 rgb(234,176,151)
```
#edbda8
```
#edbda8 rgb(237,189,168)
```
#f1c9b8
```
#f1c9b8 rgb(241,201,184)
```
#f4d6c8
```
#f4d6c8 rgb(244,214,200)
```
#f7e2d9
```
#f7e2d9 rgb(247,226,217)
```
#fbeee9
```
#fbeee9 rgb(251,238,233)
```
#fefbf9
```
#fefbf9 rgb(254,251,249)
```

Tint Color Variation

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

#9f9894
```
#9f9894 rgb(159,152,148)
```
#a6948d
```
#a6948d rgb(166,148,141)
```
#ae9185
```
#ae9185 rgb(174,145,133)
```
#b68e7d
```
#b68e7d rgb(182,142,125)
```
#be8b75
```
#be8b75 rgb(190,139,117)
```
#c6886d
```
#c6886d rgb(198,136,109)
```
#cd8566
```
#cd8566 rgb(205,133,102)
```
#d5825e
```
#d5825e rgb(213,130,94)
```
#dd7f56
```
#dd7f56 rgb(221,127,86)
```
#e57c4e
```
#e57c4e rgb(229,124,78)
```
#ed7946
```
#ed7946 rgb(237,121,70)
```
#f4763f
```
#f4763f rgb(244,118,63)
```
#fc7337
```
#fc7337 rgb(252,115,55)
```

Tone Color Variation

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

Dichromacy

#aa9c66 Protanopia 1% of men
#be965a Deuteranopia 1% of men
#e18088 Tritanopia 0.001% of the population

Trichromacy

#bc9260 Protanomaly 1% of men, 0.01% of women
#c98d58 Deuteranomaly 6% of men, 0.4% of women
#df7f76 Tritanomaly 0.01% of the population

#dd7f56 hex color

#dd7f56 Color Information

#dd7f56 Color Conversion

Color Schemes with #dd7f56

Alternatives to #dd7f56

#dd7f56 Preview

Shades and Tints of #dd7f56

Tones of #dd7f56

Color Blindness Simulator