#dfb04f hex color

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

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

● #dfb04f color description : Soft orange.

The hexadecimal color #dfb04f has RGB values of R:223, G:176, B:79 and CMYK values of C:0, M:0.21, Y:0.65, K:0.13. Its decimal value is 14659663.

Hex triplet	dfb04f	`#dfb04f`
RGB Decimal	223, 176, 79	`rgb(223,176,79)`
RGB Percent	87.5, 69, 31	`rgb(87.5%,69%,31%)`
CMYK	0, 21, 65, 13
HSL	40.4°, 69.2, 59.2	`hsl(40.4,69.2%,59.2%)`
HSV (or HSB)	40.4°, 64.6, 87.5
Web Safe	cc9966	`#cc9966`

CIE-LAB	74.385, 6.83, 54.812
XYZ	47.369, 47.305, 14.033
xyY	0.436, 0.435, 47.305
CIE-LCH	74.385, 55.236, 82.898
CIE-LUV	74.385, 37.989, 62.356
Hunter-Lab	68.779, 2.571, 36.049
Binary	11011111, 10110000, 01001111

#dfb04f
```
#dfb04f rgb(223,176,79)
```
#4f7edf
```
#4f7edf rgb(79,126,223)
```

Complementary Color

#df684f
```
#df684f rgb(223,104,79)
```
#dfb04f
```
#dfb04f rgb(223,176,79)
```
#c6df4f
```
#c6df4f rgb(198,223,79)
```

Analogous Color

#684fdf
```
#684fdf rgb(104,79,223)
```
#dfb04f
```
#dfb04f rgb(223,176,79)
```
#4fc6df
```
#4fc6df rgb(79,198,223)
```

Split Complementary Color

#b04fdf
```
#b04fdf rgb(176,79,223)
```
#dfb04f
```
#dfb04f rgb(223,176,79)
```
#4fdfb0
```
#4fdfb0 rgb(79,223,176)
```

Triadic Color

#df4f7e
```
#df4f7e rgb(223,79,126)
```
#dfb04f
```
#dfb04f rgb(223,176,79)
```
#4fdfb0
```
#4fdfb0 rgb(79,223,176)
```
#4f7edf
```
#4f7edf rgb(79,126,223)
```

Tetradic Color

#bf8c23
```
#bf8c23 rgb(191,140,35)
```
#d49c27
```
#d49c27 rgb(212,156,39)
```
#dba639
```
#dba639 rgb(219,166,57)
```
#dfb04f
```
#dfb04f rgb(223,176,79)
```
#e3ba65
```
#e3ba65 rgb(227,186,101)
```
#e7c37a
```
#e7c37a rgb(231,195,122)
```
#ebcd90
```
#ebcd90 rgb(235,205,144)
```

Monochromatic Color

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

#df8c4f
```
#df8c4f rgb(223,140,79)
```
#df984f
```
#df984f rgb(223,152,79)
```
#dfa44f
```
#dfa44f rgb(223,164,79)
```
#dfb04f
```
#dfb04f rgb(223,176,79)
```
#dfbc4f
```
#dfbc4f rgb(223,188,79)
```
#dfc84f
```
#dfc84f rgb(223,200,79)
```
#dfd44f
```
#dfd44f rgb(223,212,79)
```

Similar Colors

Text with hexadecimal color #dfb04f

This text has a font color of #dfb04f.

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

#dfb04f background color

This paragraph has a background color of #dfb04f.

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

#dfb04f border color

This element has a border color of #dfb04f.

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

CSS codes

.text {color:#dfb04f;}

.background {background-color:#dfb04f;}

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

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 #fdfbf5 is the lightest one.

#070501
```
#070501 rgb(7,5,1)
```
#171104
```
#171104 rgb(23,17,4)
```
#281d07
```
#281d07 rgb(40,29,7)
```
#38290a
```
#38290a rgb(56,41,10)
```
#49350d
```
#49350d rgb(73,53,13)
```
#5a4210
```
#5a4210 rgb(90,66,16)
```
#6a4e13
```
#6a4e13 rgb(106,78,19)
```
#7b5a16
```
#7b5a16 rgb(123,90,22)
```
#8b6619
```
#8b6619 rgb(139,102,25)
```
#9c721c
```
#9c721c rgb(156,114,28)
```
#ad7e1f
```
#ad7e1f rgb(173,126,31)
```
#bd8b22
```
#bd8b22 rgb(189,139,34)
```
#ce9725
```
#ce9725 rgb(206,151,37)
```

Shade Color Variation

#d9a12e
```
#d9a12e rgb(217,161,46)
```
#dca93e
```
#dca93e rgb(220,169,62)
```
#dfb04f
```
#dfb04f rgb(223,176,79)
```
#e2b760
```
#e2b760 rgb(226,183,96)
```
#e5bf70
```
#e5bf70 rgb(229,191,112)
```
#e8c681
```
#e8c681 rgb(232,198,129)
```
#ebce91
```
#ebce91 rgb(235,206,145)
```
#eed5a2
```
#eed5a2 rgb(238,213,162)
```
#f1ddb3
```
#f1ddb3 rgb(241,221,179)
```
#f4e4c3
```
#f4e4c3 rgb(244,228,195)
```
#f7ecd4
```
#f7ecd4 rgb(247,236,212)
```
#faf3e4
```
#faf3e4 rgb(250,243,228)
```
#fdfbf5
```
#fdfbf5 rgb(253,251,245)
```

Tint Color Variation

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

#9f9a8f
```
#9f9a8f rgb(159,154,143)
```
#a79d87
```
#a79d87 rgb(167,157,135)
```
#af9f7f
```
#af9f7f rgb(175,159,127)
```
#b7a277
```
#b7a277 rgb(183,162,119)
```
#bfa56f
```
#bfa56f rgb(191,165,111)
```
#c7a867
```
#c7a867 rgb(199,168,103)
```
#cfaa5f
```
#cfaa5f rgb(207,170,95)
```
#d7ad57
```
#d7ad57 rgb(215,173,87)
```
#dfb04f
```
#dfb04f rgb(223,176,79)
```
#e7b347
```
#e7b347 rgb(231,179,71)
```
#efb63f
```
#efb63f rgb(239,182,63)
```
#f7b837
```
#f7b837 rgb(247,184,55)
```
#ffbb2f
```
#ffbb2f rgb(255,187,47)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#bcb29f Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceba5a Protanopia 1% of men
#e5b258 Deuteranopia 1% of men
#e8aab5 Tritanopia 0.001% of the population

Trichromacy

#d4b656 Protanomaly 1% of men, 0.01% of women
#e2b155 Deuteranomaly 6% of men, 0.4% of women
#e5ac90 Tritanomaly 0.01% of the population

#dfb04f hex color

#dfb04f Color Information

#dfb04f Color Conversion

Color Schemes with #dfb04f

Alternatives to #dfb04f

#dfb04f Preview

Shades and Tints of #dfb04f

Tones of #dfb04f

Color Blindness Simulator