#d9686a hex color

In a RGB color space, hex #d9686a is composed of 85.1% red, 40.8% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.1% magenta, 51.2% yellow and 14.9% black. It has a hue angle of 358.9 degrees, a saturation of 59.8% and a lightness of 62.9%. #d9686a color hex could be obtained by blending #ffd0d4 with #b30000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 85
- G 41
- B 42
RGB color chart
- C 0
- M 52
- Y 51
- K 15
CMYK color chart

● #d9686a color description : Soft red.

The hexadecimal color #d9686a has RGB values of R:217, G:104, B:106 and CMYK values of C:0, M:0.52, Y:0.51, K:0.15. Its decimal value is 14248042.

Hex triplet	d9686a	`#d9686a`
RGB Decimal	217, 104, 106	`rgb(217,104,106)`
RGB Percent	85.1, 40.8, 41.6	`rgb(85.1%,40.8%,41.6%)`
CMYK	0, 52, 51, 15
HSL	358.9°, 59.8, 62.9	`hsl(358.9,59.8%,62.9%)`
HSV (or HSB)	358.9°, 52.1, 85.1
Web Safe	cc6666	`#cc6666`

CIE-LAB	57.747, 44.448, 20.115
XYZ	36.168, 25.696, 16.69
xyY	0.46, 0.327, 25.696
CIE-LCH	57.747, 48.788, 24.349
CIE-LUV	57.747, 81.736, 16.489
Hunter-Lab	50.691, 38.649, 15.963
Binary	11011001, 01101000, 01101010

#d9686a
```
#d9686a rgb(217,104,106)
```
#68d9d7
```
#68d9d7 rgb(104,217,215)
```

Complementary Color

#d968a3
```
#d968a3 rgb(217,104,163)
```
#d9686a
```
#d9686a rgb(217,104,106)
```
#d99f68
```
#d99f68 rgb(217,159,104)
```

Analogous Color

#68a3d9
```
#68a3d9 rgb(104,163,217)
```
#d9686a
```
#d9686a rgb(217,104,106)
```
#68d99f
```
#68d99f rgb(104,217,159)
```

Split Complementary Color

#686ad9
```
#686ad9 rgb(104,106,217)
```
#d9686a
```
#d9686a rgb(217,104,106)
```
#6ad968
```
#6ad968 rgb(106,217,104)
```

Triadic Color

#d768d9
```
#d768d9 rgb(215,104,217)
```
#d9686a
```
#d9686a rgb(217,104,106)
```
#6ad968
```
#6ad968 rgb(106,217,104)
```
#68d9d7
```
#68d9d7 rgb(104,217,215)
```

Tetradic Color

#c33134
```
#c33134 rgb(195,49,52)
```
#cf3f42
```
#cf3f42 rgb(207,63,66)
```
#d45456
```
#d45456 rgb(212,84,86)
```
#d9686a
```
#d9686a rgb(217,104,106)
```
#de7c7e
```
#de7c7e rgb(222,124,126)
```
#e39192
```
#e39192 rgb(227,145,146)
```
#e8a5a6
```
#e8a5a6 rgb(232,165,166)
```

Monochromatic Color

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

#d96886
```
#d96886 rgb(217,104,134)
```
#d9687d
```
#d9687d rgb(217,104,125)
```
#d96873
```
#d96873 rgb(217,104,115)
```
#d9686a
```
#d9686a rgb(217,104,106)
```
#d96f68
```
#d96f68 rgb(217,111,104)
```
#d97968
```
#d97968 rgb(217,121,104)
```
#d98268
```
#d98268 rgb(217,130,104)
```

Similar Colors

Text with hexadecimal color #d9686a

This text has a font color of #d9686a.

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

#d9686a background color

This paragraph has a background color of #d9686a.

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

#d9686a border color

This element has a border color of #d9686a.

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

CSS codes

.text {color:#d9686a;}

.background {background-color:#d9686a;}

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

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

#060102
```
#060102 rgb(6,1,2)
```
#150506
```
#150506 rgb(21,5,6)
```
#25090a
```
#25090a rgb(37,9,10)
```
#350d0e
```
#350d0e rgb(53,13,14)
```
#441112
```
#441112 rgb(68,17,18)
```
#541516
```
#541516 rgb(84,21,22)
```
#64191a
```
#64191a rgb(100,25,26)
```
#731d1f
```
#731d1f rgb(115,29,31)
```
#832123
```
#832123 rgb(131,33,35)
```
#932527
```
#932527 rgb(147,37,39)
```
#a2292b
```
#a2292b rgb(162,41,43)
```
#b22d2f
```
#b22d2f rgb(178,45,47)
```
#c23133
```
#c23133 rgb(194,49,51)
```

Shade Color Variation

#cd393c
```
#cd393c rgb(205,57,60)
```
#d1494b
```
#d1494b rgb(209,73,75)
```
#d5585b
```
#d5585b rgb(213,88,91)
```
#d9686a
```
#d9686a rgb(217,104,106)
```
#dd7879
```
#dd7879 rgb(221,120,121)
```
#e18789
```
#e18789 rgb(225,135,137)
```
#e59798
```
#e59798 rgb(229,151,152)
```
#e9a7a8
```
#e9a7a8 rgb(233,167,168)
```
#edb6b7
```
#edb6b7 rgb(237,182,183)
```
#f1c6c7
```
#f1c6c7 rgb(241,198,199)
```
#f5d6d6
```
#f5d6d6 rgb(245,214,214)
```
#f9e5e6
```
#f9e5e6 rgb(249,229,230)
```
#fcf5f5
```
#fcf5f5 rgb(252,245,245)
```

Tint Color Variation

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

#a69b9b
```
#a69b9b rgb(166,155,155)
```
#ad9494
```
#ad9494 rgb(173,148,148)
```
#b58c8d
```
#b58c8d rgb(181,140,141)
```
#bc8586
```
#bc8586 rgb(188,133,134)
```
#c37e7f
```
#c37e7f rgb(195,126,127)
```
#ca7778
```
#ca7778 rgb(202,119,120)
```
#d26f71
```
#d26f71 rgb(210,111,113)
```
#d9686a
```
#d9686a rgb(217,104,106)
```
#e06163
```
#e06163 rgb(224,97,99)
```
#e8595c
```
#e8595c rgb(232,89,92)
```
#ef5255
```
#ef5255 rgb(239,82,85)
```
#f64b4e
```
#f64b4e rgb(246,75,78)
```
#fd4447
```
#fd4447 rgb(253,68,71)
```

Tone Color Variation

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

Dichromacy

#97907f Protanopia 1% of men
#aa8b6b Deuteranopia 1% of men
#db6f76 Tritanopia 0.001% of the population

Trichromacy

#af8177 Protanomaly 1% of men, 0.01% of women
#bb7e6a Deuteranomaly 6% of men, 0.4% of women
#da6c71 Tritanomaly 0.01% of the population

#d9686a hex color

#d9686a Color Information

#d9686a Color Conversion

Color Schemes with #d9686a

Alternatives to #d9686a

#d9686a Preview

Shades and Tints of #d9686a

Tones of #d9686a

Color Blindness Simulator