#dd686a hex color

In a RGB color space, hex #dd686a is composed of 86.7% red, 40.8% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.9% magenta, 52% yellow and 13.3% black. It has a hue angle of 359 degrees, a saturation of 63.2% and a lightness of 63.7%. #dd686a color hex could be obtained by blending #ffd0d4 with #bb0000. Closest websafe color is: #cc6666.

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

● #dd686a color description : Soft red.

The hexadecimal color #dd686a has RGB values of R:221, G:104, B:106 and CMYK values of C:0, M:0.53, Y:0.52, K:0.13. Its decimal value is 14510186.

Hex triplet	dd686a	`#dd686a`
RGB Decimal	221, 104, 106	`rgb(221,104,106)`
RGB Percent	86.7, 40.8, 41.6	`rgb(86.7%,40.8%,41.6%)`
CMYK	0, 53, 52, 13
HSL	359°, 63.2, 63.7	`hsl(359,63.2%,63.7%)`
HSV (or HSB)	359°, 52.9, 86.7
Web Safe	cc6666	`#cc6666`

CIE-LAB	58.336, 45.885, 21.01
XYZ	37.372, 26.317, 16.746
xyY	0.465, 0.327, 26.317
CIE-LCH	58.336, 50.466, 24.602
CIE-LUV	58.336, 84.988, 17.204
Hunter-Lab	51.3, 40.262, 16.555
Binary	11011101, 01101000, 01101010

#dd686a
```
#dd686a rgb(221,104,106)
```
#68dddb
```
#68dddb rgb(104,221,219)
```

Complementary Color

#dd68a5
```
#dd68a5 rgb(221,104,165)
```
#dd686a
```
#dd686a rgb(221,104,106)
```
#dda168
```
#dda168 rgb(221,161,104)
```

Analogous Color

#68a5dd
```
#68a5dd rgb(104,165,221)
```
#dd686a
```
#dd686a rgb(221,104,106)
```
#68dda1
```
#68dda1 rgb(104,221,161)
```

Split Complementary Color

#686add
```
#686add rgb(104,106,221)
```
#dd686a
```
#dd686a rgb(221,104,106)
```
#6add68
```
#6add68 rgb(106,221,104)
```

Triadic Color

#db68dd
```
#db68dd rgb(219,104,221)
```
#dd686a
```
#dd686a rgb(221,104,106)
```
#6add68
```
#6add68 rgb(106,221,104)
```
#68dddb
```
#68dddb rgb(104,221,219)
```

Tetradic Color

#cb2e30
```
#cb2e30 rgb(203,46,48)
```
#d43e41
```
#d43e41 rgb(212,62,65)
```
#d85355
```
#d85355 rgb(216,83,85)
```
#dd686a
```
#dd686a rgb(221,104,106)
```
#e27d7f
```
#e27d7f rgb(226,125,127)
```
#e69293
```
#e69293 rgb(230,146,147)
```
#eba6a8
```
#eba6a8 rgb(235,166,168)
```

Monochromatic Color

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

#dd6887
```
#dd6887 rgb(221,104,135)
```
#dd687e
```
#dd687e rgb(221,104,126)
```
#dd6874
```
#dd6874 rgb(221,104,116)
```
#dd686a
```
#dd686a rgb(221,104,106)
```
#dd7068
```
#dd7068 rgb(221,112,104)
```
#dd7a68
```
#dd7a68 rgb(221,122,104)
```
#dd8368
```
#dd8368 rgb(221,131,104)
```

Similar Colors

Text with hexadecimal color #dd686a

This text has a font color of #dd686a.

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

#dd686a background color

This paragraph has a background color of #dd686a.

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

#dd686a border color

This element has a border color of #dd686a.

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

CSS codes

.text {color:#dd686a;}

.background {background-color:#dd686a;}

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

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

#090202
```
#090202 rgb(9,2,2)
```
#190606
```
#190606 rgb(25,6,6)
```
#29090a
```
#29090a rgb(41,9,10)
```
#390d0e
```
#390d0e rgb(57,13,14)
```
#491011
```
#491011 rgb(73,16,17)
```
#591415
```
#591415 rgb(89,20,21)
```
#691819
```
#691819 rgb(105,24,25)
```
#791b1d
```
#791b1d rgb(121,27,29)
```
#891f21
```
#891f21 rgb(137,31,33)
```
#992225
```
#992225 rgb(153,34,37)
```
#a92628
```
#a92628 rgb(169,38,40)
```
#b92a2c
```
#b92a2c rgb(185,42,44)
```
#c92d30
```
#c92d30 rgb(201,45,48)
```

Shade Color Variation

#d2383b
```
#d2383b rgb(210,56,59)
```
#d6484a
```
#d6484a rgb(214,72,74)
```
#d9585a
```
#d9585a rgb(217,88,90)
```
#dd686a
```
#dd686a rgb(221,104,106)
```
#e1787a
```
#e1787a rgb(225,120,122)
```
#e4888a
```
#e4888a rgb(228,136,138)
```
#e89899
```
#e89899 rgb(232,152,153)
```
#eba8a9
```
#eba8a9 rgb(235,168,169)
```
#efb8b9
```
#efb8b9 rgb(239,184,185)
```
#f3c8c9
```
#f3c8c9 rgb(243,200,201)
```
#f6d8d9
```
#f6d8d9 rgb(246,216,217)
```
#fae8e8
```
#fae8e8 rgb(250,232,232)
```
#fdf8f8
```
#fdf8f8 rgb(253,248,248)
```

Tint Color Variation

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

#a4a1a1
```
#a4a1a1 rgb(164,161,161)
```
#ab9a9a
```
#ab9a9a rgb(171,154,154)
```
#b29393
```
#b29393 rgb(178,147,147)
```
#b98c8c
```
#b98c8c rgb(185,140,140)
```
#c18485
```
#c18485 rgb(193,132,133)
```
#c87d7f
```
#c87d7f rgb(200,125,127)
```
#cf7678
```
#cf7678 rgb(207,118,120)
```
#d66f71
```
#d66f71 rgb(214,111,113)
```
#dd686a
```
#dd686a rgb(221,104,106)
```
#e46163
```
#e46163 rgb(228,97,99)
```
#eb5a5c
```
#eb5a5c rgb(235,90,92)
```
#f25355
```
#f25355 rgb(242,83,85)
```
#f94c4f
```
#f94c4f rgb(249,76,79)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#9b8484 Atypical Achromatopsia 0.001% of the population

Dichromacy

#989180 Protanopia 1% of men
#ac8c6a Deuteranopia 1% of men
#df6f76 Tritanopia 0.001% of the population

Trichromacy

#b18278 Protanomaly 1% of men, 0.01% of women
#be7f6a Deuteranomaly 6% of men, 0.4% of women
#de6c71 Tritanomaly 0.01% of the population

#dd686a hex color

#dd686a Color Information

#dd686a Color Conversion

Color Schemes with #dd686a

Alternatives to #dd686a

#dd686a Preview

Shades and Tints of #dd686a

Tones of #dd686a

Color Blindness Simulator