colorhexa.com

#d7af54 hex color

In a RGB color space, hex #d7af54 is composed of 84.3% red, 68.6% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.6% magenta, 60.9% yellow and 15.7% black. It has a hue angle of 41.7 degrees, a saturation of 62.1% and a lightness of 58.6%. #d7af54 color hex could be obtained by blending #ffffa8 with #af5f00. Closest websafe color is: #cc9966.

- R 84
- G 69
- B 33
RGB color chart
- C 0
- M 19
- Y 61
- K 16
CMYK color chart

● #d7af54 color description : Moderate orange.

The hexadecimal color #d7af54 has RGB values of R:215, G:175, B:84 and CMYK values of C:0, M:0.19, Y:0.61, K:0.16. Its decimal value is 14135124.

Hex triplet	d7af54	`#d7af54`
RGB Decimal	215, 175, 84	`rgb(215,175,84)`
RGB Percent	84.3, 68.6, 32.9	`rgb(84.3%,68.6%,32.9%)`
CMYK	0, 19, 61, 16
HSL	41.7°, 62.1, 58.6	`hsl(41.7,62.1%,58.6%)`
HSV (or HSB)	41.7°, 60.9, 84.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	73.382, 4.299, 51.16
XYZ	44.955, 45.749, 14.85
xyY	0.426, 0.433, 45.749
CIE-LCH	73.382, 51.34, 85.197
CIE-LUV	73.382, 32.401, 59.562
Hunter-Lab	67.638, 0.272, 34.33
Binary	11010111, 10101111, 01010100

#d7af54
```
#d7af54 rgb(215,175,84)
```
#547cd7
```
#547cd7 rgb(84,124,215)
```

Complementary Color

#d76e54
```
#d76e54 rgb(215,110,84)
```
#d7af54
```
#d7af54 rgb(215,175,84)
```
#bed754
```
#bed754 rgb(190,215,84)
```

Analogous Color

#6e54d7
```
#6e54d7 rgb(110,84,215)
```
#d7af54
```
#d7af54 rgb(215,175,84)
```
#54bed7
```
#54bed7 rgb(84,190,215)
```

Split Complementary Color

#af54d7
```
#af54d7 rgb(175,84,215)
```
#d7af54
```
#d7af54 rgb(215,175,84)
```
#54d7af
```
#54d7af rgb(84,215,175)
```

Triadic Color

#d7547c
```
#d7547c rgb(215,84,124)
```
#d7af54
```
#d7af54 rgb(215,175,84)
```
#54d7af
```
#54d7af rgb(84,215,175)
```
#547cd7
```
#547cd7 rgb(84,124,215)
```

Tetradic Color

#b48a2a
```
#b48a2a rgb(180,138,42)
```
#c99a2f
```
#c99a2f rgb(201,154,47)
```
#d2a53f
```
#d2a53f rgb(210,165,63)
```
#d7af54
```
#d7af54 rgb(215,175,84)
```
#dcb969
```
#dcb969 rgb(220,185,105)
```
#e1c27d
```
#e1c27d rgb(225,194,125)
```
#e6cc92
```
#e6cc92 rgb(230,204,146)
```

Monochromatic Color

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

#d78e54
```
#d78e54 rgb(215,142,84)
```
#d79954
```
#d79954 rgb(215,153,84)
```
#d7a454
```
#d7a454 rgb(215,164,84)
```
#d7af54
```
#d7af54 rgb(215,175,84)
```
#d7ba54
```
#d7ba54 rgb(215,186,84)
```
#d7c554
```
#d7c554 rgb(215,197,84)
```
#d7d054
```
#d7d054 rgb(215,208,84)
```

Similar Colors

Text with hexadecimal color #d7af54

This text has a font color of #d7af54.

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

#d7af54 background color

This paragraph has a background color of #d7af54.

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

#d7af54 border color

This element has a border color of #d7af54.

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

CSS codes

.text {color:#d7af54;}

.background {background-color:#d7af54;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#140f05
```
#140f05 rgb(20,15,5)
```
#241b08
```
#241b08 rgb(36,27,8)
```
#34270c
```
#34270c rgb(52,39,12)
```
#433410
```
#433410 rgb(67,52,16)
```
#534013
```
#534013 rgb(83,64,19)
```
#634c17
```
#634c17 rgb(99,76,23)
```
#73581b
```
#73581b rgb(115,88,27)
```
#83641f
```
#83641f rgb(131,100,31)
```
#937122
```
#937122 rgb(147,113,34)
```
#a37d26
```
#a37d26 rgb(163,125,38)
```
#b3892a
```
#b3892a rgb(179,137,42)
```
#c3952e
```
#c3952e rgb(195,149,46)
```

Shade Color Variation

#d0a034
```
#d0a034 rgb(208,160,52)
```
#d3a844
```
#d3a844 rgb(211,168,68)
```
#d7af54
```
#d7af54 rgb(215,175,84)
```
#dbb664
```
#dbb664 rgb(219,182,100)
```
#debe74
```
#debe74 rgb(222,190,116)
```
#e2c584
```
#e2c584 rgb(226,197,132)
```
#e6cd94
```
#e6cd94 rgb(230,205,148)
```
#ead4a3
```
#ead4a3 rgb(234,212,163)
```
#eddcb3
```
#eddcb3 rgb(237,220,179)
```
#f1e3c3
```
#f1e3c3 rgb(241,227,195)
```
#f5ead3
```
#f5ead3 rgb(245,234,211)
```
#f8f2e3
```
#f8f2e3 rgb(248,242,227)
```
#fcf9f3
```
#fcf9f3 rgb(252,249,243)
```

Tint Color Variation

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

#969695
```
#969695 rgb(150,150,149)
```
#9e998d
```
#9e998d rgb(158,153,141)
```
#a69c85
```
#a69c85 rgb(166,156,133)
```
#ae9f7d
```
#ae9f7d rgb(174,159,125)
```
#b7a274
```
#b7a274 rgb(183,162,116)
```
#bfa66c
```
#bfa66c rgb(191,166,108)
```
#c7a964
```
#c7a964 rgb(199,169,100)
```
#cfac5c
```
#cfac5c rgb(207,172,92)
```
#d7af54
```
#d7af54 rgb(215,175,84)
```
#dfb24c
```
#dfb24c rgb(223,178,76)
```
#e7b544
```
#e7b544 rgb(231,181,68)
```
#efb83c
```
#efb83c rgb(239,184,60)
```
#f7bc34
```
#f7bc34 rgb(247,188,52)
```

Tone Color Variation

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

Dichromacy

#cab85e Protanopia 1% of men
#e1af5e Deuteranopia 1% of men
#e1a9b5 Tritanopia 0.001% of the population

Trichromacy

#cfb45a Protanomaly 1% of men, 0.01% of women
#ddaf5a Deuteranomaly 6% of men, 0.4% of women
#ddab91 Tritanomaly 0.01% of the population