#dd685f hex color

In a RGB color space, hex #dd685f is composed of 86.7% red, 40.8% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.9% magenta, 57% yellow and 13.3% black. It has a hue angle of 4.3 degrees, a saturation of 64.9% and a lightness of 62%. #dd685f color hex could be obtained by blending #ffd0be with #bb0000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 87
- G 41
- B 37
RGB color chart
- C 0
- M 53
- Y 57
- K 13
CMYK color chart

● #dd685f color description : Soft red.

The hexadecimal color #dd685f has RGB values of R:221, G:104, B:95 and CMYK values of C:0, M:0.53, Y:0.57, K:0.13. Its decimal value is 14510175.

Hex triplet	dd685f	`#dd685f`
RGB Decimal	221, 104, 95	`rgb(221,104,95)`
RGB Percent	86.7, 40.8, 37.3	`rgb(86.7%,40.8%,37.3%)`
CMYK	0, 53, 57, 13
HSL	4.3°, 64.9, 62	`hsl(4.3,64.9%,62%)`
HSV (or HSB)	4.3°, 57, 86.7
Web Safe	cc6666	`#cc6666`

CIE-LAB	58.134, 44.998, 27.054
XYZ	36.836, 26.102, 13.924
xyY	0.479, 0.34, 26.102
CIE-LCH	58.134, 52.505, 31.016
CIE-LUV	58.134, 87.334, 23.687
Hunter-Lab	51.09, 39.289, 19.604
Binary	11011101, 01101000, 01011111

#dd685f
```
#dd685f rgb(221,104,95)
```
#5fd4dd
```
#5fd4dd rgb(95,212,221)
```

Complementary Color

#dd5f95
```
#dd5f95 rgb(221,95,149)
```
#dd685f
```
#dd685f rgb(221,104,95)
```
#dda75f
```
#dda75f rgb(221,167,95)
```

Analogous Color

#5f95dd
```
#5f95dd rgb(95,149,221)
```
#dd685f
```
#dd685f rgb(221,104,95)
```
#5fdda7
```
#5fdda7 rgb(95,221,167)
```

Split Complementary Color

#685fdd
```
#685fdd rgb(104,95,221)
```
#dd685f
```
#dd685f rgb(221,104,95)
```
#5fdd68
```
#5fdd68 rgb(95,221,104)
```

Triadic Color

#dd5fd4
```
#dd5fd4 rgb(221,95,212)
```
#dd685f
```
#dd685f rgb(221,104,95)
```
#5fdd68
```
#5fdd68 rgb(95,221,104)
```
#5fd4dd
```
#5fd4dd rgb(95,212,221)
```

Tetradic Color

#c6352a
```
#c6352a rgb(198,53,42)
```
#d44035
```
#d44035 rgb(212,64,53)
```
#d9544a
```
#d9544a rgb(217,84,74)
```
#dd685f
```
#dd685f rgb(221,104,95)
```
#e17c74
```
#e17c74 rgb(225,124,116)
```
#e69089
```
#e69089 rgb(230,144,137)
```
#eaa49e
```
#eaa49e rgb(234,164,158)
```

Monochromatic Color

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

#dd5f76
```
#dd5f76 rgb(221,95,118)
```
#dd5f6b
```
#dd5f6b rgb(221,95,107)
```
#dd5f61
```
#dd5f61 rgb(221,95,97)
```
#dd685f
```
#dd685f rgb(221,104,95)
```
#dd735f
```
#dd735f rgb(221,115,95)
```
#dd7d5f
```
#dd7d5f rgb(221,125,95)
```
#dd885f
```
#dd885f rgb(221,136,95)
```

Similar Colors

Text with hexadecimal color #dd685f

This text has a font color of #dd685f.

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

#dd685f background color

This paragraph has a background color of #dd685f.

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

#dd685f border color

This element has a border color of #dd685f.

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

CSS codes

.text {color:#dd685f;}

.background {background-color:#dd685f;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#120504
```
#120504 rgb(18,5,4)
```
#220907
```
#220907 rgb(34,9,7)
```
#320e0b
```
#320e0b rgb(50,14,11)
```
#42120e
```
#42120e rgb(66,18,14)
```
#531612
```
#531612 rgb(83,22,18)
```
#631b15
```
#631b15 rgb(99,27,21)
```
#731f18
```
#731f18 rgb(115,31,24)
```
#83231c
```
#83231c rgb(131,35,28)
```
#93281f
```
#93281f rgb(147,40,31)
```
#a42c23
```
#a42c23 rgb(164,44,35)
```
#b43026
```
#b43026 rgb(180,48,38)
```
#c4352a
```
#c4352a rgb(196,53,42)
```

Shade Color Variation

#d33a2e
```
#d33a2e rgb(211,58,46)
```
#d6493f
```
#d6493f rgb(214,73,63)
```
#da594f
```
#da594f rgb(218,89,79)
```
#dd685f
```
#dd685f rgb(221,104,95)
```
#e0776f
```
#e0776f rgb(224,119,111)
```
#e4877f
```
#e4877f rgb(228,135,127)
```
#e79690
```
#e79690 rgb(231,150,144)
```
#eba5a0
```
#eba5a0 rgb(235,165,160)
```
#eeb4b0
```
#eeb4b0 rgb(238,180,176)
```
#f2c4c0
```
#f2c4c0 rgb(242,196,192)
```
#f5d3d0
```
#f5d3d0 rgb(245,211,208)
```
#f9e2e0
```
#f9e2e0 rgb(249,226,224)
```
#fcf1f1
```
#fcf1f1 rgb(252,241,241)
```

Tint Color Variation

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

#a19b9b
```
#a19b9b rgb(161,155,155)
```
#a99593
```
#a99593 rgb(169,149,147)
```
#b08e8c
```
#b08e8c rgb(176,142,140)
```
#b88884
```
#b88884 rgb(184,136,132)
```
#bf827d
```
#bf827d rgb(191,130,125)
```
#c77b75
```
#c77b75 rgb(199,123,117)
```
#ce756e
```
#ce756e rgb(206,117,110)
```
#d66e66
```
#d66e66 rgb(214,110,102)
```
#dd685f
```
#dd685f rgb(221,104,95)
```
#e46258
```
#e46258 rgb(228,98,88)
```
#ec5b50
```
#ec5b50 rgb(236,91,80)
```
#f35549
```
#f35549 rgb(243,85,73)
```
#fb4e41
```
#fb4e41 rgb(251,78,65)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#9b8381 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9174 Protanopia 1% of men
#ae8b60 Deuteranopia 1% of men
#df6d74 Tritanopia 0.001% of the population

Trichromacy

#b2826c Protanomaly 1% of men, 0.01% of women
#bf7e5f Deuteranomaly 6% of men, 0.4% of women
#de6b6c Tritanomaly 0.01% of the population

#dd685f hex color

#dd685f Color Information

#dd685f Color Conversion

Color Schemes with #dd685f

Alternatives to #dd685f

#dd685f Preview

Shades and Tints of #dd685f

Tones of #dd685f

Color Blindness Simulator