#d7af64 hex color

In a RGB color space, hex #d7af64 is composed of 84.3% red, 68.6% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.6% magenta, 53.5% yellow and 15.7% black. It has a hue angle of 39.1 degrees, a saturation of 59% and a lightness of 61.8%. #d7af64 color hex could be obtained by blending #ffffc8 with #af5f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 84
- G 69
- B 39
RGB color chart
- C 0
- M 19
- Y 53
- K 16
CMYK color chart

● #d7af64 color description : Moderate orange.

The hexadecimal color #d7af64 has RGB values of R:215, G:175, B:100 and CMYK values of C:0, M:0.19, Y:0.53, K:0.16. Its decimal value is 14135140.

Hex triplet	d7af64	`#d7af64`
RGB Decimal	215, 175, 100	`rgb(215,175,100)`
RGB Percent	84.3, 68.6, 39.2	`rgb(84.3%,68.6%,39.2%)`
CMYK	0, 19, 53, 16
HSL	39.1°, 59, 61.8	`hsl(39.1,59%,61.8%)`
HSV (or HSB)	39.1°, 53.5, 84.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	73.564, 5.526, 43.577
XYZ	45.655, 46.029, 18.536
xyY	0.414, 0.418, 46.029
CIE-LCH	73.564, 43.926, 82.773
CIE-LUV	73.564, 31.395, 52.523
Hunter-Lab	67.845, 1.39, 31.293
Binary	11010111, 10101111, 01100100

#d7af64
```
#d7af64 rgb(215,175,100)
```
#648cd7
```
#648cd7 rgb(100,140,215)
```

Complementary Color

#d77664
```
#d77664 rgb(215,118,100)
```
#d7af64
```
#d7af64 rgb(215,175,100)
```
#c6d764
```
#c6d764 rgb(198,215,100)
```

Analogous Color

#7664d7
```
#7664d7 rgb(118,100,215)
```
#d7af64
```
#d7af64 rgb(215,175,100)
```
#64c6d7
```
#64c6d7 rgb(100,198,215)
```

Split Complementary Color

#af64d7
```
#af64d7 rgb(175,100,215)
```
#d7af64
```
#d7af64 rgb(215,175,100)
```
#64d7af
```
#64d7af rgb(100,215,175)
```

Triadic Color

#d7648c
```
#d7648c rgb(215,100,140)
```
#d7af64
```
#d7af64 rgb(215,175,100)
```
#64d7af
```
#64d7af rgb(100,215,175)
```
#648cd7
```
#648cd7 rgb(100,140,215)
```

Tetradic Color

#be8d31
```
#be8d31 rgb(190,141,49)
```
#cd9a3b
```
#cd9a3b rgb(205,154,59)
```
#d2a550
```
#d2a550 rgb(210,165,80)
```
#d7af64
```
#d7af64 rgb(215,175,100)
```
#dcb978
```
#dcb978 rgb(220,185,120)
```
#e1c48d
```
#e1c48d rgb(225,196,141)
```
#e7cea1
```
#e7cea1 rgb(231,206,161)
```

Monochromatic Color

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

#d79264
```
#d79264 rgb(215,146,100)
```
#d79c64
```
#d79c64 rgb(215,156,100)
```
#d7a564
```
#d7a564 rgb(215,165,100)
```
#d7af64
```
#d7af64 rgb(215,175,100)
```
#d7b964
```
#d7b964 rgb(215,185,100)
```
#d7c264
```
#d7c264 rgb(215,194,100)
```
#d7cc64
```
#d7cc64 rgb(215,204,100)
```

Similar Colors

Text with hexadecimal color #d7af64

This text has a font color of #d7af64.

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

#d7af64 background color

This paragraph has a background color of #d7af64.

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

#d7af64 border color

This element has a border color of #d7af64.

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

CSS codes

.text {color:#d7af64;}

.background {background-color:#d7af64;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#110c04
```
#110c04 rgb(17,12,4)
```
#201808
```
#201808 rgb(32,24,8)
```
#30230c
```
#30230c rgb(48,35,12)
```
#3f2f10
```
#3f2f10 rgb(63,47,16)
```
#4f3b14
```
#4f3b14 rgb(79,59,20)
```
#5e4618
```
#5e4618 rgb(94,70,24)
```
#6e521c
```
#6e521c rgb(110,82,28)
```
#7e5d20
```
#7e5d20 rgb(126,93,32)
```
#8d6924
```
#8d6924 rgb(141,105,36)
```
#9d7428
```
#9d7428 rgb(157,116,40)
```
#ac802c
```
#ac802c rgb(172,128,44)
```
#bc8b31
```
#bc8b31 rgb(188,139,49)
```

Shade Color Variation

#cb9735
```
#cb9735 rgb(203,151,53)
```
#cf9f45
```
#cf9f45 rgb(207,159,69)
```
#d3a754
```
#d3a754 rgb(211,167,84)
```
#d7af64
```
#d7af64 rgb(215,175,100)
```
#dbb774
```
#dbb774 rgb(219,183,116)
```
#dfbf83
```
#dfbf83 rgb(223,191,131)
```
#e3c793
```
#e3c793 rgb(227,199,147)
```
#e7cfa2
```
#e7cfa2 rgb(231,207,162)
```
#ebd7b2
```
#ebd7b2 rgb(235,215,178)
```
#efdfc2
```
#efdfc2 rgb(239,223,194)
```
#f3e7d1
```
#f3e7d1 rgb(243,231,209)
```
#f7efe1
```
#f7efe1 rgb(247,239,225)
```
#fbf7f0
```
#fbf7f0 rgb(251,247,240)
```

Tint Color Variation

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

#a39f99
```
#a39f99 rgb(163,159,153)
```
#aaa191
```
#aaa191 rgb(170,161,145)
```
#b2a48a
```
#b2a48a rgb(178,164,138)
```
#b9a682
```
#b9a682 rgb(185,166,130)
```
#c1a87b
```
#c1a87b rgb(193,168,123)
```
#c8aa73
```
#c8aa73 rgb(200,170,115)
```
#d0ad6c
```
#d0ad6c rgb(208,173,108)
```
#d7af64
```
#d7af64 rgb(215,175,100)
```
#dfb15d
```
#dfb15d rgb(223,177,93)
```
#e6b455
```
#e6b455 rgb(230,180,85)
```
#eeb64e
```
#eeb64e rgb(238,182,78)
```
#f5b846
```
#f5b846 rgb(245,184,70)
```
#fdba3f
```
#fdba3f rgb(253,186,63)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b9b1a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b86d Protanopia 1% of men
#dfb06c Deuteranopia 1% of men
#e0aab6 Tritanopia 0.001% of the population

Trichromacy

#ceb56a Protanomaly 1% of men, 0.01% of women
#dcb069 Deuteranomaly 6% of men, 0.4% of women
#dcac98 Tritanomaly 0.01% of the population

#d7af64 hex color

#d7af64 Color Information

#d7af64 Color Conversion

Color Schemes with #d7af64

Alternatives to #d7af64

#d7af64 Preview

Shades and Tints of #d7af64

Tones of #d7af64

Color Blindness Simulator