#d97f60 hex color

In a RGB color space, hex #d97f60 is composed of 85.1% red, 49.8% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.5% magenta, 55.8% yellow and 14.9% black. It has a hue angle of 15.4 degrees, a saturation of 61.4% and a lightness of 61.4%. #d97f60 color hex could be obtained by blending #fffec0 with #b30000. Closest websafe color is: #cc6666.

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

● #d97f60 color description : Soft orange.

The hexadecimal color #d97f60 has RGB values of R:217, G:127, B:96 and CMYK values of C:0, M:0.41, Y:0.56, K:0.15. Its decimal value is 14253920.

Hex triplet	d97f60	`#d97f60`
RGB Decimal	217, 127, 96	`rgb(217,127,96)`
RGB Percent	85.1, 49.8, 37.6	`rgb(85.1%,49.8%,37.6%)`
CMYK	0, 41, 56, 15
HSL	15.4°, 61.4, 61.4	`hsl(15.4,61.4%,61.4%)`
HSV (or HSB)	15.4°, 55.8, 85.1
Web Safe	cc6666	`#cc6666`

CIE-LAB	62.32, 31.779, 31.767
XYZ	38.317, 30.778, 14.988
xyY	0.456, 0.366, 30.778
CIE-LCH	62.32, 44.933, 44.989
CIE-LUV	62.32, 67.575, 32.381
Hunter-Lab	55.478, 26.198, 22.816
Binary	11011001, 01111111, 01100000

#d97f60
```
#d97f60 rgb(217,127,96)
```
#60bad9
```
#60bad9 rgb(96,186,217)
```

Complementary Color

#d9607e
```
#d9607e rgb(217,96,126)
```
#d97f60
```
#d97f60 rgb(217,127,96)
```
#d9bc60
```
#d9bc60 rgb(217,188,96)
```

Analogous Color

#607ed9
```
#607ed9 rgb(96,126,217)
```
#d97f60
```
#d97f60 rgb(217,127,96)
```
#60d9bc
```
#60d9bc rgb(96,217,188)
```

Split Complementary Color

#7f60d9
```
#7f60d9 rgb(127,96,217)
```
#d97f60
```
#d97f60 rgb(217,127,96)
```
#60d97f
```
#60d97f rgb(96,217,127)
```

Triadic Color

#d960ba
```
#d960ba rgb(217,96,186)
```
#d97f60
```
#d97f60 rgb(217,127,96)
```
#60d97f
```
#60d97f rgb(96,217,127)
```
#60bad9
```
#60bad9 rgb(96,186,217)
```

Tetradic Color

#bf532e
```
#bf532e rgb(191,83,46)
```
#cf5e37
```
#cf5e37 rgb(207,94,55)
```
#d46e4b
```
#d46e4b rgb(212,110,75)
```
#d97f60
```
#d97f60 rgb(217,127,96)
```
#de9075
```
#de9075 rgb(222,144,117)
```
#e3a089
```
#e3a089 rgb(227,160,137)
```
#e8b19e
```
#e8b19e rgb(232,177,158)
```

Monochromatic Color

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

#d96160
```
#d96160 rgb(217,97,96)
```
#d96b60
```
#d96b60 rgb(217,107,96)
```
#d97560
```
#d97560 rgb(217,117,96)
```
#d97f60
```
#d97f60 rgb(217,127,96)
```
#d98960
```
#d98960 rgb(217,137,96)
```
#d99360
```
#d99360 rgb(217,147,96)
```
#d99d60
```
#d99d60 rgb(217,157,96)
```

Similar Colors

Text with hexadecimal color #d97f60

This text has a font color of #d97f60.

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

#d97f60 background color

This paragraph has a background color of #d97f60.

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

#d97f60 border color

This element has a border color of #d97f60.

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

CSS codes

.text {color:#d97f60;}

.background {background-color:#d97f60;}

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

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

#0f0704
```
#0f0704 rgb(15,7,4)
```
#1f0d07
```
#1f0d07 rgb(31,13,7)
```
#2f140b
```
#2f140b rgb(47,20,11)
```
#3f1b0f
```
#3f1b0f rgb(63,27,15)
```
#4e2213
```
#4e2213 rgb(78,34,19)
```
#5e2917
```
#5e2917 rgb(94,41,23)
```
#6e301a
```
#6e301a rgb(110,48,26)
```
#7e371e
```
#7e371e rgb(126,55,30)
```
#8e3e22
```
#8e3e22 rgb(142,62,34)
```
#9e4426
```
#9e4426 rgb(158,68,38)
```
#ad4b29
```
#ad4b29 rgb(173,75,41)
```
#bd522d
```
#bd522d rgb(189,82,45)
```
#cd5931
```
#cd5931 rgb(205,89,49)
```

Shade Color Variation

#d16640
```
#d16640 rgb(209,102,64)
```
#d57250
```
#d57250 rgb(213,114,80)
```
#d97f60
```
#d97f60 rgb(217,127,96)
```
#dd8c70
```
#dd8c70 rgb(221,140,112)
```
#e19880
```
#e19880 rgb(225,152,128)
```
#e4a58f
```
#e4a58f rgb(228,165,143)
```
#e8b29f
```
#e8b29f rgb(232,178,159)
```
#ecbfaf
```
#ecbfaf rgb(236,191,175)
```
#f0cbbf
```
#f0cbbf rgb(240,203,191)
```
#f3d8cf
```
#f3d8cf rgb(243,216,207)
```
#f7e5df
```
#f7e5df rgb(247,229,223)
```
#fbf2ee
```
#fbf2ee rgb(251,242,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#a49995
```
#a49995 rgb(164,153,149)
```
#ac958d
```
#ac958d rgb(172,149,141)
```
#b39186
```
#b39186 rgb(179,145,134)
```
#bb8e7e
```
#bb8e7e rgb(187,142,126)
```
#c28a77
```
#c28a77 rgb(194,138,119)
```
#ca866f
```
#ca866f rgb(202,134,111)
```
#d18368
```
#d18368 rgb(209,131,104)
```
#d97f60
```
#d97f60 rgb(217,127,96)
```
#e17b58
```
#e17b58 rgb(225,123,88)
```
#e87851
```
#e87851 rgb(232,120,81)
```
#f07449
```
#f07449 rgb(240,116,73)
```
#f77042
```
#f77042 rgb(247,112,66)
```
#ff6d3a
```
#ff6d3a rgb(255,109,58)
```

Tone Color Variation

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

Dichromacy

#a79b70 Protanopia 1% of men
#bb9564 Deuteranopia 1% of men
#dd8189 Tritanopia 0.001% of the population

Trichromacy

#b9916a Protanomaly 1% of men, 0.01% of women
#c68d62 Deuteranomaly 6% of men, 0.4% of women
#db807a Tritanomaly 0.01% of the population

#d97f60 hex color

#d97f60 Color Information

#d97f60 Color Conversion

Color Schemes with #d97f60

Alternatives to #d97f60

#d97f60 Preview

Shades and Tints of #d97f60

Tones of #d97f60

Color Blindness Simulator