#d4a520 hex color

In a RGB color space, hex #d4a520 is composed of 83.1% red, 64.7% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.2% magenta, 84.9% yellow and 16.9% black. It has a hue angle of 44.3 degrees, a saturation of 73.8% and a lightness of 47.8%. #d4a520 color hex could be obtained by blending #ffff40 with #a94b00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 83
- G 65
- B 13
RGB color chart
- C 0
- M 22
- Y 85
- K 17
CMYK color chart

● #d4a520 color description : Strong orange.

The hexadecimal color #d4a520 has RGB values of R:212, G:165, B:32 and CMYK values of C:0, M:0.22, Y:0.85, K:0.17. Its decimal value is 13935904.

Hex triplet	d4a520	`#d4a520`
RGB Decimal	212, 165, 32	`rgb(212,165,32)`
RGB Percent	83.1, 64.7, 12.5	`rgb(83.1%,64.7%,12.5%)`
CMYK	0, 22, 85, 17
HSL	44.3°, 73.8, 47.8	`hsl(44.3,73.8%,47.8%)`
HSV (or HSB)	44.3°, 84.9, 83.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.186, 5.896, 67.981
XYZ	40.868, 41.014, 7.13
xyY	0.459, 0.461, 41.014
CIE-LCH	70.186, 68.236, 85.043
CIE-LUV	70.186, 39.653, 69.821
Hunter-Lab	64.042, 1.835, 38.228
Binary	11010100, 10100101, 00100000

#d4a520
```
#d4a520 rgb(212,165,32)
```
#204fd4
```
#204fd4 rgb(32,79,212)
```

Complementary Color

#d44b20
```
#d44b20 rgb(212,75,32)
```
#d4a520
```
#d4a520 rgb(212,165,32)
```
#a9d420
```
#a9d420 rgb(169,212,32)
```

Analogous Color

#4b20d4
```
#4b20d4 rgb(75,32,212)
```
#d4a520
```
#d4a520 rgb(212,165,32)
```
#20a9d4
```
#20a9d4 rgb(32,169,212)
```

Split Complementary Color

#a520d4
```
#a520d4 rgb(165,32,212)
```
#d4a520
```
#d4a520 rgb(212,165,32)
```
#20d4a5
```
#20d4a5 rgb(32,212,165)
```

Triadic Color

#d4204f
```
#d4204f rgb(212,32,79)
```
#d4a520
```
#d4a520 rgb(212,165,32)
```
#20d4a5
```
#20d4a5 rgb(32,212,165)
```
#204fd4
```
#204fd4 rgb(32,79,212)
```

Tetradic Color

#927116
```
#927116 rgb(146,113,22)
```
#a88319
```
#a88319 rgb(168,131,25)
```
#be941d
```
#be941d rgb(190,148,29)
```
#d4a520
```
#d4a520 rgb(212,165,32)
```
#dfb12e
```
#dfb12e rgb(223,177,46)
```
#e3b944
```
#e3b944 rgb(227,185,68)
```
#e6c25a
```
#e6c25a rgb(230,194,90)
```

Monochromatic Color

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

#d47820
```
#d47820 rgb(212,120,32)
```
#d48720
```
#d48720 rgb(212,135,32)
```
#d49620
```
#d49620 rgb(212,150,32)
```
#d4a520
```
#d4a520 rgb(212,165,32)
```
#d4b420
```
#d4b420 rgb(212,180,32)
```
#d4c320
```
#d4c320 rgb(212,195,32)
```
#d4d220
```
#d4d220 rgb(212,210,32)
```

Similar Colors

Text with hexadecimal color #d4a520

This text has a font color of #d4a520.

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

#d4a520 background color

This paragraph has a background color of #d4a520.

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

#d4a520 border color

This element has a border color of #d4a520.

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

CSS codes

.text {color:#d4a520;}

.background {background-color:#d4a520;}

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

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

#070601
```
#070601 rgb(7,6,1)
```
#191304
```
#191304 rgb(25,19,4)
```
#2a2006
```
#2a2006 rgb(42,32,6)
```
#3b2e09
```
#3b2e09 rgb(59,46,9)
```
#4c3b0b
```
#4c3b0b rgb(76,59,11)
```
#5d480e
```
#5d480e rgb(93,72,14)
```
#6e5511
```
#6e5511 rgb(110,85,17)
```
#7f6313
```
#7f6313 rgb(127,99,19)
```
#907016
```
#907016 rgb(144,112,22)
```
#a17d18
```
#a17d18 rgb(161,125,24)
```
#b28a1b
```
#b28a1b rgb(178,138,27)
```
#c3981d
```
#c3981d rgb(195,152,29)
```
#d4a520
```
#d4a520 rgb(212,165,32)
```

Shade Color Variation

#dfaf29
```
#dfaf29 rgb(223,175,41)
```
#e1b63a
```
#e1b63a rgb(225,182,58)
```
#e4bc4b
```
#e4bc4b rgb(228,188,75)
```
#e6c25c
```
#e6c25c rgb(230,194,92)
```
#e9c96d
```
#e9c96d rgb(233,201,109)
```
#eccf7e
```
#eccf7e rgb(236,207,126)
```
#eed58f
```
#eed58f rgb(238,213,143)
```
#f1dca0
```
#f1dca0 rgb(241,220,160)
```
#f3e2b1
```
#f3e2b1 rgb(243,226,177)
```
#f6e8c2
```
#f6e8c2 rgb(246,232,194)
```
#f8efd3
```
#f8efd3 rgb(248,239,211)
```
#fbf5e4
```
#fbf5e4 rgb(251,245,228)
```
#fefbf5
```
#fefbf5 rgb(254,251,245)
```

Tint Color Variation

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

#807d74
```
#807d74 rgb(128,125,116)
```
#89816b
```
#89816b rgb(137,129,107)
```
#928662
```
#928662 rgb(146,134,98)
```
#9c8a58
```
#9c8a58 rgb(156,138,88)
```
#a58f4f
```
#a58f4f rgb(165,143,79)
```
#ae9346
```
#ae9346 rgb(174,147,70)
```
#b8983c
```
#b8983c rgb(184,152,60)
```
#c19c33
```
#c19c33 rgb(193,156,51)
```
#cba129
```
#cba129 rgb(203,161,41)
```
#d4a520
```
#d4a520 rgb(212,165,32)
```
#dda917
```
#dda917 rgb(221,169,23)
```
#e7ae0d
```
#e7ae0d rgb(231,174,13)
```
#f0b204
```
#f0b204 rgb(240,178,4)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#aea48a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b02d Protanopia 1% of men
#dba72d Deuteranopia 1% of men
#de9ea9 Tritanopia 0.001% of the population

Trichromacy

#caac28 Protanomaly 1% of men, 0.01% of women
#d8a628 Deuteranomaly 6% of men, 0.4% of women
#daa177 Tritanomaly 0.01% of the population

#d4a520 hex color

#d4a520 Color Information

#d4a520 Color Conversion

Color Schemes with #d4a520

Alternatives to #d4a520

#d4a520 Preview

Shades and Tints of #d4a520

Tones of #d4a520

Color Blindness Simulator