#dfaf60 hex color

In a RGB color space, hex #dfaf60 is composed of 87.5% red, 68.6% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.5% magenta, 57% yellow and 12.5% black. It has a hue angle of 37.3 degrees, a saturation of 66.5% and a lightness of 62.5%. #dfaf60 color hex could be obtained by blending #ffffc0 with #bf5f00. Closest websafe color is: #cc9966.

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

● #dfaf60 color description : Soft orange.

The hexadecimal color #dfaf60 has RGB values of R:223, G:175, B:96 and CMYK values of C:0, M:0.22, Y:0.57, K:0.13. Its decimal value is 14659424.

Hex triplet	dfaf60	`#dfaf60`
RGB Decimal	223, 175, 96	`rgb(223,175,96)`
RGB Percent	87.5, 68.6, 37.6	`rgb(87.5%,68.6%,37.6%)`
CMYK	0, 22, 57, 13
HSL	37.3°, 66.5, 62.5	`hsl(37.3,66.5%,62.5%)`
HSV (or HSB)	37.3°, 57, 87.5
Web Safe	cc9966	`#cc9966`

CIE-LAB	74.314, 8.536, 46.657
XYZ	47.873, 47.195, 17.654
xyY	0.425, 0.419, 47.195
CIE-LCH	74.314, 47.431, 79.632
CIE-LUV	74.314, 37.615, 54.928
Hunter-Lab	68.698, 4.168, 32.853
Binary	11011111, 10101111, 01100000

#dfaf60
```
#dfaf60 rgb(223,175,96)
```
#6090df
```
#6090df rgb(96,144,223)
```

Complementary Color

#df7060
```
#df7060 rgb(223,112,96)
```
#dfaf60
```
#dfaf60 rgb(223,175,96)
```
#d0df60
```
#d0df60 rgb(208,223,96)
```

Analogous Color

#7060df
```
#7060df rgb(112,96,223)
```
#dfaf60
```
#dfaf60 rgb(223,175,96)
```
#60d0df
```
#60d0df rgb(96,208,223)
```

Split Complementary Color

#af60df
```
#af60df rgb(175,96,223)
```
#dfaf60
```
#dfaf60 rgb(223,175,96)
```
#60dfaf
```
#60dfaf rgb(96,223,175)
```

Triadic Color

#df6090
```
#df6090 rgb(223,96,144)
```
#dfaf60
```
#dfaf60 rgb(223,175,96)
```
#60dfaf
```
#60dfaf rgb(96,223,175)
```
#6090df
```
#6090df rgb(96,144,223)
```

Tetradic Color

#ca8d29
```
#ca8d29 rgb(202,141,41)
```
#d69a36
```
#d69a36 rgb(214,154,54)
```
#dba44b
```
#dba44b rgb(219,164,75)
```
#dfaf60
```
#dfaf60 rgb(223,175,96)
```
#e3ba75
```
#e3ba75 rgb(227,186,117)
```
#e8c48a
```
#e8c48a rgb(232,196,138)
```
#eccfa0
```
#eccfa0 rgb(236,207,160)
```

Monochromatic Color

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

#df8f60
```
#df8f60 rgb(223,143,96)
```
#df9a60
```
#df9a60 rgb(223,154,96)
```
#dfa460
```
#dfa460 rgb(223,164,96)
```
#dfaf60
```
#dfaf60 rgb(223,175,96)
```
#dfba60
```
#dfba60 rgb(223,186,96)
```
#dfc460
```
#dfc460 rgb(223,196,96)
```
#dfcf60
```
#dfcf60 rgb(223,207,96)
```

Similar Colors

Text with hexadecimal color #dfaf60

This text has a font color of #dfaf60.

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

#dfaf60 background color

This paragraph has a background color of #dfaf60.

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

#dfaf60 border color

This element has a border color of #dfaf60.

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

CSS codes

.text {color:#dfaf60;}

.background {background-color:#dfaf60;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#150e04
```
#150e04 rgb(21,14,4)
```
#251a07
```
#251a07 rgb(37,26,7)
```
#35250b
```
#35250b rgb(53,37,11)
```
#46310e
```
#46310e rgb(70,49,14)
```
#563c11
```
#563c11 rgb(86,60,17)
```
#664715
```
#664715 rgb(102,71,21)
```
#775318
```
#775318 rgb(119,83,24)
```
#875e1b
```
#875e1b rgb(135,94,27)
```
#976a1e
```
#976a1e rgb(151,106,30)
```
#a87522
```
#a87522 rgb(168,117,34)
```
#b88025
```
#b88025 rgb(184,128,37)
```
#c88c28
```
#c88c28 rgb(200,140,40)
```

Shade Color Variation

#d5962f
```
#d5962f rgb(213,150,47)
```
#d89f3f
```
#d89f3f rgb(216,159,63)
```
#dca750
```
#dca750 rgb(220,167,80)
```
#dfaf60
```
#dfaf60 rgb(223,175,96)
```
#e2b770
```
#e2b770 rgb(226,183,112)
```
#e6bf81
```
#e6bf81 rgb(230,191,129)
```
#e9c891
```
#e9c891 rgb(233,200,145)
```
#ecd0a1
```
#ecd0a1 rgb(236,208,161)
```
#efd8b2
```
#efd8b2 rgb(239,216,178)
```
#f3e0c2
```
#f3e0c2 rgb(243,224,194)
```
#f6e9d2
```
#f6e9d2 rgb(246,233,210)
```
#f9f1e3
```
#f9f1e3 rgb(249,241,227)
```
#fdf9f3
```
#fdf9f3 rgb(253,249,243)
```

Tint Color Variation

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

#a4a19b
```
#a4a19b rgb(164,161,155)
```
#aca293
```
#aca293 rgb(172,162,147)
```
#b3a48c
```
#b3a48c rgb(179,164,140)
```
#baa685
```
#baa685 rgb(186,166,133)
```
#c2a87d
```
#c2a87d rgb(194,168,125)
```
#c9aa76
```
#c9aa76 rgb(201,170,118)
```
#d0ab6f
```
#d0ab6f rgb(208,171,111)
```
#d8ad67
```
#d8ad67 rgb(216,173,103)
```
#dfaf60
```
#dfaf60 rgb(223,175,96)
```
#e6b159
```
#e6b159 rgb(230,177,89)
```
#eeb351
```
#eeb351 rgb(238,179,81)
```
#f5b44a
```
#f5b44a rgb(245,180,74)
```
#fcb643
```
#fcb643 rgb(252,182,67)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#bdb3a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccba6a Protanopia 1% of men
#e2b268 Deuteranopia 1% of men
#e7aab5 Tritanopia 0.001% of the population

Trichromacy

#d3b666 Protanomaly 1% of men, 0.01% of women
#e1b165 Deuteranomaly 6% of men, 0.4% of women
#e4ab96 Tritanomaly 0.01% of the population

#dfaf60 hex color

#dfaf60 Color Information

#dfaf60 Color Conversion

Color Schemes with #dfaf60

Alternatives to #dfaf60

#dfaf60 Preview

Shades and Tints of #dfaf60

Tones of #dfaf60

Color Blindness Simulator