#d9685f hex color

In a RGB color space, hex #d9685f is composed of 85.1% red, 40.8% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.1% magenta, 56.2% yellow and 14.9% black. It has a hue angle of 4.4 degrees, a saturation of 61.6% and a lightness of 61.2%. #d9685f color hex could be obtained by blending #ffd0be with #b30000. Closest websafe color is: #cc6666.

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

● #d9685f color description : Soft red.

The hexadecimal color #d9685f has RGB values of R:217, G:104, B:95 and CMYK values of C:0, M:0.52, Y:0.56, K:0.15. Its decimal value is 14248031.

Hex triplet	d9685f	`#d9685f`
RGB Decimal	217, 104, 95	`rgb(217,104,95)`
RGB Percent	85.1, 40.8, 37.3	`rgb(85.1%,40.8%,37.3%)`
CMYK	0, 52, 56, 15
HSL	4.4°, 61.6, 61.2	`hsl(4.4,61.6%,61.2%)`
HSV (or HSB)	4.4°, 56.2, 85.1
Web Safe	cc6666	`#cc6666`

CIE-LAB	57.542, 43.536, 26.169
XYZ	35.632, 25.482, 13.868
xyY	0.475, 0.34, 25.482
CIE-LCH	57.542, 50.796, 31.01
CIE-LUV	57.542, 84.056, 23.042
Hunter-Lab	50.479, 37.66, 19.047
Binary	11011001, 01101000, 01011111

#d9685f
```
#d9685f rgb(217,104,95)
```
#5fd0d9
```
#5fd0d9 rgb(95,208,217)
```

Complementary Color

#d95f93
```
#d95f93 rgb(217,95,147)
```
#d9685f
```
#d9685f rgb(217,104,95)
```
#d9a55f
```
#d9a55f rgb(217,165,95)
```

Analogous Color

#5f93d9
```
#5f93d9 rgb(95,147,217)
```
#d9685f
```
#d9685f rgb(217,104,95)
```
#5fd9a5
```
#5fd9a5 rgb(95,217,165)
```

Split Complementary Color

#685fd9
```
#685fd9 rgb(104,95,217)
```
#d9685f
```
#d9685f rgb(217,104,95)
```
#5fd968
```
#5fd968 rgb(95,217,104)
```

Triadic Color

#d95fd0
```
#d95fd0 rgb(217,95,208)
```
#d9685f
```
#d9685f rgb(217,104,95)
```
#5fd968
```
#5fd968 rgb(95,217,104)
```
#5fd0d9
```
#5fd0d9 rgb(95,208,217)
```

Tetradic Color

#be382d
```
#be382d rgb(190,56,45)
```
#cf4136
```
#cf4136 rgb(207,65,54)
```
#d4554a
```
#d4554a rgb(212,85,74)
```
#d9685f
```
#d9685f rgb(217,104,95)
```
#de7b74
```
#de7b74 rgb(222,123,116)
```
#e38f88
```
#e38f88 rgb(227,143,136)
```
#e8a29d
```
#e8a29d rgb(232,162,157)
```

Monochromatic Color

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

#d95f75
```
#d95f75 rgb(217,95,117)
```
#d95f6a
```
#d95f6a rgb(217,95,106)
```
#d95f60
```
#d95f60 rgb(217,95,96)
```
#d9685f
```
#d9685f rgb(217,104,95)
```
#d9725f
```
#d9725f rgb(217,114,95)
```
#d97c5f
```
#d97c5f rgb(217,124,95)
```
#d9875f
```
#d9875f rgb(217,135,95)
```

Similar Colors

Text with hexadecimal color #d9685f

This text has a font color of #d9685f.

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

#d9685f background color

This paragraph has a background color of #d9685f.

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

#d9685f border color

This element has a border color of #d9685f.

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

CSS codes

.text {color:#d9685f;}

.background {background-color:#d9685f;}

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

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

#0e0403
```
#0e0403 rgb(14,4,3)
```
#1e0907
```
#1e0907 rgb(30,9,7)
```
#2e0e0b
```
#2e0e0b rgb(46,14,11)
```
#3e120f
```
#3e120f rgb(62,18,15)
```
#4e1712
```
#4e1712 rgb(78,23,18)
```
#5e1b16
```
#5e1b16 rgb(94,27,22)
```
#6d201a
```
#6d201a rgb(109,32,26)
```
#7d251e
```
#7d251e rgb(125,37,30)
```
#8d2922
```
#8d2922 rgb(141,41,34)
```
#9d2e25
```
#9d2e25 rgb(157,46,37)
```
#ad3329
```
#ad3329 rgb(173,51,41)
```
#bd372d
```
#bd372d rgb(189,55,45)
```
#cd3c31
```
#cd3c31 rgb(205,60,49)
```

Shade Color Variation

#d14a3f
```
#d14a3f rgb(209,74,63)
```
#d5594f
```
#d5594f rgb(213,89,79)
```
#d9685f
```
#d9685f rgb(217,104,95)
```
#dd776f
```
#dd776f rgb(221,119,111)
```
#e1867f
```
#e1867f rgb(225,134,127)
```
#e4958f
```
#e4958f rgb(228,149,143)
```
#e8a49e
```
#e8a49e rgb(232,164,158)
```
#ecb3ae
```
#ecb3ae rgb(236,179,174)
```
#f0c2be
```
#f0c2be rgb(240,194,190)
```
#f3d1ce
```
#f3d1ce rgb(243,209,206)
```
#f7e0de
```
#f7e0de rgb(247,224,222)
```
#fbefee
```
#fbefee rgb(251,239,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#9c9c9c
```
#9c9c9c rgb(156,156,156)
```
#a49594
```
#a49594 rgb(164,149,148)
```
#ab8f8d
```
#ab8f8d rgb(171,143,141)
```
#b38885
```
#b38885 rgb(179,136,133)
```
#bb827d
```
#bb827d rgb(187,130,125)
```
#c27b76
```
#c27b76 rgb(194,123,118)
```
#ca756e
```
#ca756e rgb(202,117,110)
```
#d16e67
```
#d16e67 rgb(209,110,103)
```
#d9685f
```
#d9685f rgb(217,104,95)
```
#e16257
```
#e16257 rgb(225,98,87)
```
#e85b50
```
#e85b50 rgb(232,91,80)
```
#f05548
```
#f05548 rgb(240,85,72)
```
#f74e41
```
#f74e41 rgb(247,78,65)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#998281 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998f74 Protanopia 1% of men
#ac8a60 Deuteranopia 1% of men
#db6d74 Tritanopia 0.001% of the population

Trichromacy

#b0816c Protanomaly 1% of men, 0.01% of women
#bc7d60 Deuteranomaly 6% of men, 0.4% of women
#da6b6c Tritanomaly 0.01% of the population

#d9685f hex color

#d9685f Color Information

#d9685f Color Conversion

Color Schemes with #d9685f

Alternatives to #d9685f

#d9685f Preview

Shades and Tints of #d9685f

Tones of #d9685f

Color Blindness Simulator