#dfaf3f hex color

In a RGB color space, hex #dfaf3f is composed of 87.5% red, 68.6% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.5% magenta, 71.7% yellow and 12.5% black. It has a hue angle of 42 degrees, a saturation of 71.4% and a lightness of 56.1%. #dfaf3f color hex could be obtained by blending #ffff7e with #bf5f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 87
- G 69
- B 25
RGB color chart
- C 0
- M 22
- Y 72
- K 13
CMYK color chart

● #dfaf3f color description : Bright orange.

The hexadecimal color #dfaf3f has RGB values of R:223, G:175, B:63 and CMYK values of C:0, M:0.22, Y:0.72, K:0.13. Its decimal value is 14659391.

Hex triplet	dfaf3f	`#dfaf3f`
RGB Decimal	223, 175, 63	`rgb(223,175,63)`
RGB Percent	87.5, 68.6, 24.7	`rgb(87.5%,68.6%,24.7%)`
CMYK	0, 22, 72, 13
HSL	42°, 71.4, 56.1	`hsl(42,71.4%,56.1%)`
HSV (or HSB)	42°, 71.7, 87.5
Web Safe	cc9933	`#cc9933`

CIE-LAB	74.003, 6.485, 61.3
XYZ	46.659, 46.709, 11.261
xyY	0.446, 0.446, 46.709
CIE-LCH	74.003, 61.642, 83.961
CIE-LUV	74.003, 39.548, 67.219
Hunter-Lab	68.344, 2.262, 38.072
Binary	11011111, 10101111, 00111111

#dfaf3f
```
#dfaf3f rgb(223,175,63)
```
#3f6fdf
```
#3f6fdf rgb(63,111,223)
```

Complementary Color

#df5f3f
```
#df5f3f rgb(223,95,63)
```
#dfaf3f
```
#dfaf3f rgb(223,175,63)
```
#bfdf3f
```
#bfdf3f rgb(191,223,63)
```

Analogous Color

#5f3fdf
```
#5f3fdf rgb(95,63,223)
```
#dfaf3f
```
#dfaf3f rgb(223,175,63)
```
#3fbfdf
```
#3fbfdf rgb(63,191,223)
```

Split Complementary Color

#af3fdf
```
#af3fdf rgb(175,63,223)
```
#dfaf3f
```
#dfaf3f rgb(223,175,63)
```
#3fdfaf
```
#3fdfaf rgb(63,223,175)
```

Triadic Color

#df3f6f
```
#df3f6f rgb(223,63,111)
```
#dfaf3f
```
#dfaf3f rgb(223,175,63)
```
#3fdfaf
```
#3fdfaf rgb(63,223,175)
```
#3f6fdf
```
#3f6fdf rgb(63,111,223)
```

Tetradic Color

#b4871e
```
#b4871e rgb(180,135,30)
```
#c99722
```
#c99722 rgb(201,151,34)
```
#dba629
```
#dba629 rgb(219,166,41)
```
#dfaf3f
```
#dfaf3f rgb(223,175,63)
```
#e3b855
```
#e3b855 rgb(227,184,85)
```
#e6c16b
```
#e6c16b rgb(230,193,107)
```
#eaca81
```
#eaca81 rgb(234,202,129)
```

Monochromatic Color

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

#df873f
```
#df873f rgb(223,135,63)
```
#df943f
```
#df943f rgb(223,148,63)
```
#dfa23f
```
#dfa23f rgb(223,162,63)
```
#dfaf3f
```
#dfaf3f rgb(223,175,63)
```
#dfbc3f
```
#dfbc3f rgb(223,188,63)
```
#dfca3f
```
#dfca3f rgb(223,202,63)
```
#dfd73f
```
#dfd73f rgb(223,215,63)
```

Similar Colors

Text with hexadecimal color #dfaf3f

This text has a font color of #dfaf3f.

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

#dfaf3f background color

This paragraph has a background color of #dfaf3f.

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

#dfaf3f border color

This element has a border color of #dfaf3f.

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

CSS codes

.text {color:#dfaf3f;}

.background {background-color:#dfaf3f;}

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

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

#0a0702
```
#0a0702 rgb(10,7,2)
```
#1b1404
```
#1b1404 rgb(27,20,4)
```
#2b2107
```
#2b2107 rgb(43,33,7)
```
#3c2d0a
```
#3c2d0a rgb(60,45,10)
```
#4d3a0d
```
#4d3a0d rgb(77,58,13)
```
#5e4610
```
#5e4610 rgb(94,70,16)
```
#6f5312
```
#6f5312 rgb(111,83,18)
```
#7f6015
```
#7f6015 rgb(127,96,21)
```
#906c18
```
#906c18 rgb(144,108,24)
```
#a1791b
```
#a1791b rgb(161,121,27)
```
#b2851e
```
#b2851e rgb(178,133,30)
```
#c39220
```
#c39220 rgb(195,146,32)
```
#d49f23
```
#d49f23 rgb(212,159,35)
```

Shade Color Variation

#dca82e
```
#dca82e rgb(220,168,46)
```
#dfaf3f
```
#dfaf3f rgb(223,175,63)
```
#e2b650
```
#e2b650 rgb(226,182,80)
```
#e5bd61
```
#e5bd61 rgb(229,189,97)
```
#e7c471
```
#e7c471 rgb(231,196,113)
```
#eacb82
```
#eacb82 rgb(234,203,130)
```
#edd293
```
#edd293 rgb(237,210,147)
```
#f0d9a4
```
#f0d9a4 rgb(240,217,164)
```
#f3e0b5
```
#f3e0b5 rgb(243,224,181)
```
#f5e7c6
```
#f5e7c6 rgb(245,231,198)
```
#f8eed6
```
#f8eed6 rgb(248,238,214)
```
#fbf5e7
```
#fbf5e7 rgb(251,245,231)
```
#fefcf8
```
#fefcf8 rgb(254,252,248)
```

Tint Color Variation

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

#91908d
```
#91908d rgb(145,144,141)
```
#9a9384
```
#9a9384 rgb(154,147,132)
```
#a3977b
```
#a3977b rgb(163,151,123)
```
#ab9a73
```
#ab9a73 rgb(171,154,115)
```
#b49e6a
```
#b49e6a rgb(180,158,106)
```
#bda161
```
#bda161 rgb(189,161,97)
```
#c5a559
```
#c5a559 rgb(197,165,89)
```
#cea850
```
#cea850 rgb(206,168,80)
```
#d6ac48
```
#d6ac48 rgb(214,172,72)
```
#dfaf3f
```
#dfaf3f rgb(223,175,63)
```
#e8b236
```
#e8b236 rgb(232,178,54)
```
#f0b62e
```
#f0b62e rgb(240,182,46)
```
#f9b925
```
#f9b925 rgb(249,185,37)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#bab19a Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceb94a Protanopia 1% of men
#e5b149 Deuteranopia 1% of men
#e9a8b4 Tritanopia 0.001% of the population

Trichromacy

#d4b546 Protanomaly 1% of men, 0.01% of women
#e3b045 Deuteranomaly 6% of men, 0.4% of women
#e5aa89 Tritanomaly 0.01% of the population

#dfaf3f hex color

#dfaf3f Color Information

#dfaf3f Color Conversion

Color Schemes with #dfaf3f

Alternatives to #dfaf3f

#dfaf3f Preview

Shades and Tints of #dfaf3f

Tones of #dfaf3f

Color Blindness Simulator