#d4af72 hex color

In a RGB color space, hex #d4af72 is composed of 83.1% red, 68.6% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.5% magenta, 46.2% yellow and 16.9% black. It has a hue angle of 37.3 degrees, a saturation of 53.3% and a lightness of 63.9%. #d4af72 color hex could be obtained by blending #ffffe4 with #a95f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 83
- G 69
- B 45
RGB color chart
- C 0
- M 17
- Y 46
- K 17
CMYK color chart

● #d4af72 color description : Slightly desaturated orange.

The hexadecimal color #d4af72 has RGB values of R:212, G:175, B:114 and CMYK values of C:0, M:0.17, Y:0.46, K:0.17. Its decimal value is 13938546.

Hex triplet	d4af72	`#d4af72`
RGB Decimal	212, 175, 114	`rgb(212,175,114)`
RGB Percent	83.1, 68.6, 44.7	`rgb(83.1%,68.6%,44.7%)`
CMYK	0, 17, 46, 17
HSL	37.3°, 53.3, 63.9	`hsl(37.3,53.3%,63.9%)`
HSV (or HSB)	37.3°, 46.2, 83.1
Web Safe	cc9966	`#cc9966`

CIE-LAB	73.463, 5.571, 36.224
XYZ	45.519, 45.874, 22.376
xyY	0.4, 0.403, 45.874
CIE-LCH	73.463, 36.65, 81.256
CIE-LUV	73.463, 28.212, 45.133
Hunter-Lab	67.73, 1.435, 27.824
Binary	11010100, 10101111, 01110010

#d4af72
```
#d4af72 rgb(212,175,114)
```
#7297d4
```
#7297d4 rgb(114,151,212)
```

Complementary Color

#d47e72
```
#d47e72 rgb(212,126,114)
```
#d4af72
```
#d4af72 rgb(212,175,114)
```
#c8d472
```
#c8d472 rgb(200,212,114)
```

Analogous Color

#7e72d4
```
#7e72d4 rgb(126,114,212)
```
#d4af72
```
#d4af72 rgb(212,175,114)
```
#72c8d4
```
#72c8d4 rgb(114,200,212)
```

Split Complementary Color

#af72d4
```
#af72d4 rgb(175,114,212)
```
#d4af72
```
#d4af72 rgb(212,175,114)
```
#72d4af
```
#72d4af rgb(114,212,175)
```

Triadic Color

#d47297
```
#d47297 rgb(212,114,151)
```
#d4af72
```
#d4af72 rgb(212,175,114)
```
#72d4af
```
#72d4af rgb(114,212,175)
```
#7297d4
```
#7297d4 rgb(114,151,212)
```

Tetradic Color

#bf8d3a
```
#bf8d3a rgb(191,141,58)
```
#c8994b
```
#c8994b rgb(200,153,75)
```
#cea45e
```
#cea45e rgb(206,164,94)
```
#d4af72
```
#d4af72 rgb(212,175,114)
```
#daba86
```
#daba86 rgb(218,186,134)
```
#e0c599
```
#e0c599 rgb(224,197,153)
```
#e6d0ad
```
#e6d0ad rgb(230,208,173)
```

Monochromatic Color

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

#d49772
```
#d49772 rgb(212,151,114)
```
#d49f72
```
#d49f72 rgb(212,159,114)
```
#d4a772
```
#d4a772 rgb(212,167,114)
```
#d4af72
```
#d4af72 rgb(212,175,114)
```
#d4b772
```
#d4b772 rgb(212,183,114)
```
#d4bf72
```
#d4bf72 rgb(212,191,114)
```
#d4c872
```
#d4c872 rgb(212,200,114)
```

Similar Colors

Text with hexadecimal color #d4af72

This text has a font color of #d4af72.

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

#d4af72 background color

This paragraph has a background color of #d4af72.

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

#d4af72 border color

This element has a border color of #d4af72.

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

CSS codes

.text {color:#d4af72;}

.background {background-color:#d4af72;}

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

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

#090703
```
#090703 rgb(9,7,3)
```
#181207
```
#181207 rgb(24,18,7)
```
#271d0c
```
#271d0c rgb(39,29,12)
```
#362811
```
#362811 rgb(54,40,17)
```
#453315
```
#453315 rgb(69,51,21)
```
#543e1a
```
#543e1a rgb(84,62,26)
```
#64491e
```
#64491e rgb(100,73,30)
```
#735423
```
#735423 rgb(115,84,35)
```
#826028
```
#826028 rgb(130,96,40)
```
#916b2c
```
#916b2c rgb(145,107,44)
```
#a07631
```
#a07631 rgb(160,118,49)
```
#af8135
```
#af8135 rgb(175,129,53)
```
#be8c3a
```
#be8c3a rgb(190,140,58)
```

Shade Color Variation

#c69545
```
#c69545 rgb(198,149,69)
```
#cb9e54
```
#cb9e54 rgb(203,158,84)
```
#cfa663
```
#cfa663 rgb(207,166,99)
```
#d4af72
```
#d4af72 rgb(212,175,114)
```
#d9b881
```
#d9b881 rgb(217,184,129)
```
#ddc090
```
#ddc090 rgb(221,192,144)
```
#e2c99f
```
#e2c99f rgb(226,201,159)
```
#e6d1ae
```
#e6d1ae rgb(230,209,174)
```
#ebdabd
```
#ebdabd rgb(235,218,189)
```
#f0e2cc
```
#f0e2cc rgb(240,226,204)
```
#f4ebdb
```
#f4ebdb rgb(244,235,219)
```
#f9f3ea
```
#f9f3ea rgb(249,243,234)
```
#fdfcf9
```
#fdfcf9 rgb(253,252,249)
```

Tint Color Variation

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

#aaa59c
```
#aaa59c rgb(170,165,156)
```
#b1a695
```
#b1a695 rgb(177,166,149)
```
#b8a88e
```
#b8a88e rgb(184,168,142)
```
#bfaa87
```
#bfaa87 rgb(191,170,135)
```
#c6ac80
```
#c6ac80 rgb(198,172,128)
```
#cdad79
```
#cdad79 rgb(205,173,121)
```
#d4af72
```
#d4af72 rgb(212,175,114)
```
#dbb16b
```
#dbb16b rgb(219,177,107)
```
#e2b264
```
#e2b264 rgb(226,178,100)
```
#e9b45d
```
#e9b45d rgb(233,180,93)
```
#f0b656
```
#f0b656 rgb(240,182,86)
```
#f7b84f
```
#f7b84f rgb(247,184,79)
```
#feb948
```
#feb948 rgb(254,185,72)
```

Tone Color Variation

Below, you can see how #d4af72 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
#bab2a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b87b Protanopia 1% of men
#dcb07a Deuteranopia 1% of men
#dcabb7 Tritanopia 0.001% of the population

Trichromacy

#ccb477 Protanomaly 1% of men, 0.01% of women
#d9b077 Deuteranomaly 6% of men, 0.4% of women
#d9ac9e Tritanomaly 0.01% of the population

#d4af72 hex color

#d4af72 Color Information

#d4af72 Color Conversion

Color Schemes with #d4af72

Alternatives to #d4af72

#d4af72 Preview

Shades and Tints of #d4af72

Tones of #d4af72

Color Blindness Simulator