#d5af54 hex color

In a RGB color space, hex #d5af54 is composed of 83.5% red, 68.6% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.8% magenta, 60.6% yellow and 16.5% black. It has a hue angle of 42.3 degrees, a saturation of 60.6% and a lightness of 58.2%. #d5af54 color hex could be obtained by blending #ffffa8 with #ab5f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 84
- G 69
- B 33
RGB color chart
- C 0
- M 18
- Y 61
- K 16
CMYK color chart

● #d5af54 color description : Moderate orange.

The hexadecimal color #d5af54 has RGB values of R:213, G:175, B:84 and CMYK values of C:0, M:0.18, Y:0.61, K:0.16. Its decimal value is 14004052.

Hex triplet	d5af54	`#d5af54`
RGB Decimal	213, 175, 84	`rgb(213,175,84)`
RGB Percent	83.5, 68.6, 32.9	`rgb(83.5%,68.6%,32.9%)`
CMYK	0, 18, 61, 16
HSL	42.3°, 60.6, 58.2	`hsl(42.3,60.6%,58.2%)`
HSV (or HSB)	42.3°, 60.6, 83.5
Web Safe	cc9966	`#cc9966`

CIE-LAB	73.186, 3.452, 50.885
XYZ	44.371, 45.448, 14.822
xyY	0.424, 0.434, 45.448
CIE-LCH	73.186, 51.002, 86.119
CIE-LUV	73.186, 30.914, 59.453
Hunter-Lab	67.415, -0.492, 34.155
Binary	11010101, 10101111, 01010100

#d5af54
```
#d5af54 rgb(213,175,84)
```
#547ad5
```
#547ad5 rgb(84,122,213)
```

Complementary Color

#d56f54
```
#d56f54 rgb(213,111,84)
```
#d5af54
```
#d5af54 rgb(213,175,84)
```
#bbd554
```
#bbd554 rgb(187,213,84)
```

Analogous Color

#6f54d5
```
#6f54d5 rgb(111,84,213)
```
#d5af54
```
#d5af54 rgb(213,175,84)
```
#54bbd5
```
#54bbd5 rgb(84,187,213)
```

Split Complementary Color

#af54d5
```
#af54d5 rgb(175,84,213)
```
#d5af54
```
#d5af54 rgb(213,175,84)
```
#54d5af
```
#54d5af rgb(84,213,175)
```

Triadic Color

#d5547a
```
#d5547a rgb(213,84,122)
```
#d5af54
```
#d5af54 rgb(213,175,84)
```
#54d5af
```
#54d5af rgb(84,213,175)
```
#547ad5
```
#547ad5 rgb(84,122,213)
```

Tetradic Color

#b18a2b
```
#b18a2b rgb(177,138,43)
```
#c59a31
```
#c59a31 rgb(197,154,49)
```
#d0a540
```
#d0a540 rgb(208,165,64)
```
#d5af54
```
#d5af54 rgb(213,175,84)
```
#dab968
```
#dab968 rgb(218,185,104)
```
#dfc27d
```
#dfc27d rgb(223,194,125)
```
#e4cc91
```
#e4cc91 rgb(228,204,145)
```

Monochromatic Color

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

#d58f54
```
#d58f54 rgb(213,143,84)
```
#d59a54
```
#d59a54 rgb(213,154,84)
```
#d5a454
```
#d5a454 rgb(213,164,84)
```
#d5af54
```
#d5af54 rgb(213,175,84)
```
#d5ba54
```
#d5ba54 rgb(213,186,84)
```
#d5c554
```
#d5c554 rgb(213,197,84)
```
#d5cf54
```
#d5cf54 rgb(213,207,84)
```

Similar Colors

Text with hexadecimal color #d5af54

This text has a font color of #d5af54.

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

#d5af54 background color

This paragraph has a background color of #d5af54.

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

#d5af54 border color

This element has a border color of #d5af54.

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

CSS codes

.text {color:#d5af54;}

.background {background-color:#d5af54;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#120e04
```
#120e04 rgb(18,14,4)
```
#221a08
```
#221a08 rgb(34,26,8)
```
#31260c
```
#31260c rgb(49,38,12)
```
#413310
```
#413310 rgb(65,51,16)
```
#513f14
```
#513f14 rgb(81,63,20)
```
#614b18
```
#614b18 rgb(97,75,24)
```
#70571c
```
#70571c rgb(112,87,28)
```
#80641f
```
#80641f rgb(128,100,31)
```
#907023
```
#907023 rgb(144,112,35)
```
#a07c27
```
#a07c27 rgb(160,124,39)
```
#af882b
```
#af882b rgb(175,136,43)
```
#bf952f
```
#bf952f rgb(191,149,47)
```

Shade Color Variation

#cda035
```
#cda035 rgb(205,160,53)
```
#d1a844
```
#d1a844 rgb(209,168,68)
```
#d5af54
```
#d5af54 rgb(213,175,84)
```
#d9b664
```
#d9b664 rgb(217,182,100)
```
#ddbe73
```
#ddbe73 rgb(221,190,115)
```
#e1c583
```
#e1c583 rgb(225,197,131)
```
#e4cc93
```
#e4cc93 rgb(228,204,147)
```
#e8d4a3
```
#e8d4a3 rgb(232,212,163)
```
#ecdbb2
```
#ecdbb2 rgb(236,219,178)
```
#f0e3c2
```
#f0e3c2 rgb(240,227,194)
```
#f4ead2
```
#f4ead2 rgb(244,234,210)
```
#f8f1e2
```
#f8f1e2 rgb(248,241,226)
```
#fcf9f1
```
#fcf9f1 rgb(252,249,241)
```

Tint Color Variation

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

#9c978d
```
#9c978d rgb(156,151,141)
```
#a49b85
```
#a49b85 rgb(164,155,133)
```
#ac9e7d
```
#ac9e7d rgb(172,158,125)
```
#b4a275
```
#b4a275 rgb(180,162,117)
```
#bca56d
```
#bca56d rgb(188,165,109)
```
#c5a864
```
#c5a864 rgb(197,168,100)
```
#cdac5c
```
#cdac5c rgb(205,172,92)
```
#d5af54
```
#d5af54 rgb(213,175,84)
```
#ddb24c
```
#ddb24c rgb(221,178,76)
```
#e5b644
```
#e5b644 rgb(229,182,68)
```
#eeb93b
```
#eeb93b rgb(238,185,59)
```
#f6bc33
```
#f6bc33 rgb(246,188,51)
```
#fec02b
```
#fec02b rgb(254,192,43)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b7b09e Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab75e Protanopia 1% of men
#e0af5e Deuteranopia 1% of men
#dfa9b5 Tritanopia 0.001% of the population

Trichromacy

#ceb45a Protanomaly 1% of men, 0.01% of women
#dcaf5a Deuteranomaly 6% of men, 0.4% of women
#dbab91 Tritanomaly 0.01% of the population

#d5af54 hex color

#d5af54 Color Information

#d5af54 Color Conversion

Color Schemes with #d5af54

Alternatives to #d5af54

#d5af54 Preview

Shades and Tints of #d5af54

Tones of #d5af54

Color Blindness Simulator