#dfab4f hex color

In a RGB color space, hex #dfab4f is composed of 87.5% red, 67.1% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.3% magenta, 64.6% yellow and 12.5% black. It has a hue angle of 38.3 degrees, a saturation of 69.2% and a lightness of 59.2%. #dfab4f color hex could be obtained by blending #ffff9e with #bf5700. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 87
- G 67
- B 31
RGB color chart
- C 0
- M 23
- Y 65
- K 13
CMYK color chart

● #dfab4f color description : Soft orange.

The hexadecimal color #dfab4f has RGB values of R:223, G:171, B:79 and CMYK values of C:0, M:0.23, Y:0.65, K:0.13. Its decimal value is 14658383.

Hex triplet	dfab4f	`#dfab4f`
RGB Decimal	223, 171, 79	`rgb(223,171,79)`
RGB Percent	87.5, 67.1, 31	`rgb(87.5%,67.1%,31%)`
CMYK	0, 23, 65, 13
HSL	38.3°, 69.2, 59.2	`hsl(38.3,69.2%,59.2%)`
HSV (or HSB)	38.3°, 64.6, 87.5
Web Safe	cc9966	`#cc9966`

CIE-LAB	73.142, 9.484, 53.445
XYZ	46.406, 45.381, 13.712
xyY	0.44, 0.43, 45.381
CIE-LCH	73.142, 54.28, 79.938
CIE-LUV	73.142, 41.628, 60.183
Hunter-Lab	67.365, 5.075, 35.087
Binary	11011111, 10101011, 01001111

#dfab4f
```
#dfab4f rgb(223,171,79)
```
#4f83df
```
#4f83df rgb(79,131,223)
```

Complementary Color

#df634f
```
#df634f rgb(223,99,79)
```
#dfab4f
```
#dfab4f rgb(223,171,79)
```
#cbdf4f
```
#cbdf4f rgb(203,223,79)
```

Analogous Color

#634fdf
```
#634fdf rgb(99,79,223)
```
#dfab4f
```
#dfab4f rgb(223,171,79)
```
#4fcbdf
```
#4fcbdf rgb(79,203,223)
```

Split Complementary Color

#ab4fdf
```
#ab4fdf rgb(171,79,223)
```
#dfab4f
```
#dfab4f rgb(223,171,79)
```
#4fdfab
```
#4fdfab rgb(79,223,171)
```

Triadic Color

#df4f83
```
#df4f83 rgb(223,79,131)
```
#dfab4f
```
#dfab4f rgb(223,171,79)
```
#4fdfab
```
#4fdfab rgb(79,223,171)
```
#4f83df
```
#4f83df rgb(79,131,223)
```

Tetradic Color

#bf8623
```
#bf8623 rgb(191,134,35)
```
#d49627
```
#d49627 rgb(212,150,39)
```
#dba139
```
#dba139 rgb(219,161,57)
```
#dfab4f
```
#dfab4f rgb(223,171,79)
```
#e3b565
```
#e3b565 rgb(227,181,101)
```
#e7c07a
```
#e7c07a rgb(231,192,122)
```
#ebca90
```
#ebca90 rgb(235,202,144)
```

Monochromatic Color

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

#df874f
```
#df874f rgb(223,135,79)
```
#df934f
```
#df934f rgb(223,147,79)
```
#df9f4f
```
#df9f4f rgb(223,159,79)
```
#dfab4f
```
#dfab4f rgb(223,171,79)
```
#dfb74f
```
#dfb74f rgb(223,183,79)
```
#dfc34f
```
#dfc34f rgb(223,195,79)
```
#dfcf4f
```
#dfcf4f rgb(223,207,79)
```

Similar Colors

Text with hexadecimal color #dfab4f

This text has a font color of #dfab4f.

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

#dfab4f background color

This paragraph has a background color of #dfab4f.

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

#dfab4f border color

This element has a border color of #dfab4f.

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

CSS codes

.text {color:#dfab4f;}

.background {background-color:#dfab4f;}

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

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

#070501
```
#070501 rgb(7,5,1)
```
#171004
```
#171004 rgb(23,16,4)
```
#281c07
```
#281c07 rgb(40,28,7)
```
#38280a
```
#38280a rgb(56,40,10)
```
#49330d
```
#49330d rgb(73,51,13)
```
#5a3f10
```
#5a3f10 rgb(90,63,16)
```
#6a4b13
```
#6a4b13 rgb(106,75,19)
```
#7b5616
```
#7b5616 rgb(123,86,22)
```
#8b6219
```
#8b6219 rgb(139,98,25)
```
#9c6e1c
```
#9c6e1c rgb(156,110,28)
```
#ad7a1f
```
#ad7a1f rgb(173,122,31)
```
#bd8522
```
#bd8522 rgb(189,133,34)
```
#ce9125
```
#ce9125 rgb(206,145,37)
```

Shade Color Variation

#d99b2e
```
#d99b2e rgb(217,155,46)
```
#dca33e
```
#dca33e rgb(220,163,62)
```
#dfab4f
```
#dfab4f rgb(223,171,79)
```
#e2b360
```
#e2b360 rgb(226,179,96)
```
#e5bb70
```
#e5bb70 rgb(229,187,112)
```
#e8c381
```
#e8c381 rgb(232,195,129)
```
#ebcb91
```
#ebcb91 rgb(235,203,145)
```
#eed3a2
```
#eed3a2 rgb(238,211,162)
```
#f1dbb3
```
#f1dbb3 rgb(241,219,179)
```
#f4e2c3
```
#f4e2c3 rgb(244,226,195)
```
#f7ead4
```
#f7ead4 rgb(247,234,212)
```
#faf2e4
```
#faf2e4 rgb(250,242,228)
```
#fdfaf5
```
#fdfaf5 rgb(253,250,245)
```

Tint Color Variation

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

#9f998f
```
#9f998f rgb(159,153,143)
```
#a79b87
```
#a79b87 rgb(167,155,135)
```
#af9e7f
```
#af9e7f rgb(175,158,127)
```
#b7a077
```
#b7a077 rgb(183,160,119)
```
#bfa26f
```
#bfa26f rgb(191,162,111)
```
#c7a467
```
#c7a467 rgb(199,164,103)
```
#cfa75f
```
#cfa75f rgb(207,167,95)
```
#d7a957
```
#d7a957 rgb(215,169,87)
```
#dfab4f
```
#dfab4f rgb(223,171,79)
```
#e7ad47
```
#e7ad47 rgb(231,173,71)
```
#efaf3f
```
#efaf3f rgb(239,175,63)
```
#f7b237
```
#f7b237 rgb(247,178,55)
```
#ffb42f
```
#ffb42f rgb(255,180,47)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b9af9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab75a Protanopia 1% of men
#e1af58 Deuteranopia 1% of men
#e8a5b1 Tritanopia 0.001% of the population

Trichromacy

#d2b356 Protanomaly 1% of men, 0.01% of women
#e0ad54 Deuteranomaly 6% of men, 0.4% of women
#e4a78d Tritanomaly 0.01% of the population

#dfab4f hex color

#dfab4f Color Information

#dfab4f Color Conversion

Color Schemes with #dfab4f

Alternatives to #dfab4f

#dfab4f Preview

Shades and Tints of #dfab4f

Tones of #dfab4f

Color Blindness Simulator