#dfb685 hex color

In a RGB color space, hex #dfb685 is composed of 87.5% red, 71.4% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.4% magenta, 40.4% yellow and 12.5% black. It has a hue angle of 32.7 degrees, a saturation of 58.4% and a lightness of 69.8%. #dfb685 color hex could be obtained by blending #ffffff with #bf6d0b. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 87
- G 71
- B 52
RGB color chart
- C 0
- M 18
- Y 40
- K 13
CMYK color chart

● #dfb685 color description : Very soft orange.

The hexadecimal color #dfb685 has RGB values of R:223, G:182, B:133 and CMYK values of C:0, M:0.18, Y:0.4, K:0.13. Its decimal value is 14661253.

Hex triplet	dfb685	`#dfb685`
RGB Decimal	223, 182, 133	`rgb(223,182,133)`
RGB Percent	87.5, 71.4, 52.2	`rgb(87.5%,71.4%,52.2%)`
CMYK	0, 18, 40, 13
HSL	32.7°, 58.4, 69.8	`hsl(32.7,58.4%,69.8%)`
HSV (or HSB)	32.7°, 40.4, 87.5
Web Safe	cccc99	`#cccc99`

CIE-LAB	76.581, 8.283, 30.509
XYZ	51.393, 50.839, 29.295
xyY	0.391, 0.387, 50.839
CIE-LCH	76.581, 31.613, 74.81
CIE-LUV	76.581, 29.967, 38.831
Hunter-Lab	71.302, 3.882, 25.551
Binary	11011111, 10110110, 10000101

#dfb685
```
#dfb685 rgb(223,182,133)
```
#85aedf
```
#85aedf rgb(133,174,223)
```

Complementary Color

#df8985
```
#df8985 rgb(223,137,133)
```
#dfb685
```
#dfb685 rgb(223,182,133)
```
#dbdf85
```
#dbdf85 rgb(219,223,133)
```

Analogous Color

#8985df
```
#8985df rgb(137,133,223)
```
#dfb685
```
#dfb685 rgb(223,182,133)
```
#85dbdf
```
#85dbdf rgb(133,219,223)
```

Split Complementary Color

#b685df
```
#b685df rgb(182,133,223)
```
#dfb685
```
#dfb685 rgb(223,182,133)
```
#85dfb6
```
#85dfb6 rgb(133,223,182)
```

Triadic Color

#df85ae
```
#df85ae rgb(223,133,174)
```
#dfb685
```
#dfb685 rgb(223,182,133)
```
#85dfb6
```
#85dfb6 rgb(133,223,182)
```
#85aedf
```
#85aedf rgb(133,174,223)
```

Tetradic Color

#cf9248
```
#cf9248 rgb(207,146,72)
```
#d49e5d
```
#d49e5d rgb(212,158,93)
```
#daaa71
```
#daaa71 rgb(218,170,113)
```
#dfb685
```
#dfb685 rgb(223,182,133)
```
#e4c299
```
#e4c299 rgb(228,194,153)
```
#eacead
```
#eacead rgb(234,206,173)
```
#efdac2
```
#efdac2 rgb(239,218,194)
```

Monochromatic Color

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

#dfa085
```
#dfa085 rgb(223,160,133)
```
#dfa785
```
#dfa785 rgb(223,167,133)
```
#dfaf85
```
#dfaf85 rgb(223,175,133)
```
#dfb685
```
#dfb685 rgb(223,182,133)
```
#dfbe85
```
#dfbe85 rgb(223,190,133)
```
#dfc585
```
#dfc585 rgb(223,197,133)
```
#dfcd85
```
#dfcd85 rgb(223,205,133)
```

Similar Colors

Text with hexadecimal color #dfb685

This text has a font color of #dfb685.

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

#dfb685 background color

This paragraph has a background color of #dfb685.

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

#dfb685 border color

This element has a border color of #dfb685.

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

CSS codes

.text {color:#dfb685;}

.background {background-color:#dfb685;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#120c05
```
#120c05 rgb(18,12,5)
```
#211609
```
#211609 rgb(33,22,9)
```
#31200d
```
#31200d rgb(49,32,13)
```
#402b11
```
#402b11 rgb(64,43,17)
```
#503515
```
#503515 rgb(80,53,21)
```
#603f19
```
#603f19 rgb(96,63,25)
```
#6f4a1d
```
#6f4a1d rgb(111,74,29)
```
#7f5421
```
#7f5421 rgb(127,84,33)
```
#8e5e25
```
#8e5e25 rgb(142,94,37)
```
#9e6929
```
#9e6929 rgb(158,105,41)
```
#ad732d
```
#ad732d rgb(173,115,45)
```
#bd7d32
```
#bd7d32 rgb(189,125,50)
```

Shade Color Variation

#cb8837
```
#cb8837 rgb(203,136,55)
```
#cf9147
```
#cf9147 rgb(207,145,71)
```
#d39a56
```
#d39a56 rgb(211,154,86)
```
#d7a366
```
#d7a366 rgb(215,163,102)
```
#dbad75
```
#dbad75 rgb(219,173,117)
```
#dfb685
```
#dfb685 rgb(223,182,133)
```
#e3bf95
```
#e3bf95 rgb(227,191,149)
```
#e7c9a4
```
#e7c9a4 rgb(231,201,164)
```
#ebd2b4
```
#ebd2b4 rgb(235,210,180)
```
#efdbc3
```
#efdbc3 rgb(239,219,195)
```
#f3e4d3
```
#f3e4d3 rgb(243,228,211)
```
#f7eee2
```
#f7eee2 rgb(247,238,226)
```
#fcf7f2
```
#fcf7f2 rgb(252,247,242)
```

Tint Color Variation

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

#b6b2ae
```
#b6b2ae rgb(182,178,174)
```
#bbb3a9
```
#bbb3a9 rgb(187,179,169)
```
#c1b3a3
```
#c1b3a3 rgb(193,179,163)
```
#c7b49d
```
#c7b49d rgb(199,180,157)
```
#cdb497
```
#cdb497 rgb(205,180,151)
```
#d3b591
```
#d3b591 rgb(211,181,145)
```
#d9b58b
```
#d9b58b rgb(217,181,139)
```
#dfb685
```
#dfb685 rgb(223,182,133)
```
#e5b77f
```
#e5b77f rgb(229,183,127)
```
#ebb779
```
#ebb779 rgb(235,183,121)
```
#f1b873
```
#f1b873 rgb(241,184,115)
```
#f7b86d
```
#f7b86d rgb(247,184,109)
```
#fdb967
```
#fdb967 rgb(253,185,103)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c4bcb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec08d Protanopia 1% of men
#e3b88b Deuteranopia 1% of men
#e6b2bf Tritanopia 0.001% of the population

Trichromacy

#d4bc8a Protanomaly 1% of men, 0.01% of women
#e1b789 Deuteranomaly 6% of men, 0.4% of women
#e3b3aa Tritanomaly 0.01% of the population

#dfb685 hex color

#dfb685 Color Information

#dfb685 Color Conversion

Color Schemes with #dfb685

Alternatives to #dfb685

#dfb685 Preview

Shades and Tints of #dfb685

Tones of #dfb685

Color Blindness Simulator