#d4a71f hex color

In a RGB color space, hex #d4a71f is composed of 83.1% red, 65.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.2% magenta, 85.4% yellow and 16.9% black. It has a hue angle of 45.1 degrees, a saturation of 74.5% and a lightness of 47.6%. #d4a71f color hex could be obtained by blending #ffff3e with #a94f00. Closest websafe color is: #cc9933.

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

● #d4a71f color description : Strong yellow.

The hexadecimal color #d4a71f has RGB values of R:212, G:167, B:31 and CMYK values of C:0, M:0.21, Y:0.85, K:0.17. Its decimal value is 13936415.

Hex triplet	d4a71f	`#d4a71f`
RGB Decimal	212, 167, 31	`rgb(212,167,31)`
RGB Percent	83.1, 65.5, 12.2	`rgb(83.1%,65.5%,12.2%)`
CMYK	0, 21, 85, 17
HSL	45.1°, 74.5, 47.6	`hsl(45.1,74.5%,47.6%)`
HSV (or HSB)	45.1°, 85.4, 83.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.688, 4.804, 68.657
XYZ	41.218, 41.735, 7.181
xyY	0.457, 0.463, 41.735
CIE-LCH	70.688, 68.825, 85.997
CIE-LUV	70.688, 38.159, 70.752
Hunter-Lab	64.603, 0.832, 38.632
Binary	11010100, 10100111, 00011111

#d4a71f
```
#d4a71f rgb(212,167,31)
```
#1f4cd4
```
#1f4cd4 rgb(31,76,212)
```

Complementary Color

#d44d1f
```
#d44d1f rgb(212,77,31)
```
#d4a71f
```
#d4a71f rgb(212,167,31)
```
#a7d41f
```
#a7d41f rgb(167,212,31)
```

Analogous Color

#4d1fd4
```
#4d1fd4 rgb(77,31,212)
```
#d4a71f
```
#d4a71f rgb(212,167,31)
```
#1fa7d4
```
#1fa7d4 rgb(31,167,212)
```

Split Complementary Color

#a71fd4
```
#a71fd4 rgb(167,31,212)
```
#d4a71f
```
#d4a71f rgb(212,167,31)
```
#1fd4a7
```
#1fd4a7 rgb(31,212,167)
```

Triadic Color

#d41f4c
```
#d41f4c rgb(212,31,76)
```
#d4a71f
```
#d4a71f rgb(212,167,31)
```
#1fd4a7
```
#1fd4a7 rgb(31,212,167)
```
#1f4cd4
```
#1f4cd4 rgb(31,76,212)
```

Tetradic Color

#917215
```
#917215 rgb(145,114,21)
```
#a88418
```
#a88418 rgb(168,132,24)
```
#be951c
```
#be951c rgb(190,149,28)
```
#d4a71f
```
#d4a71f rgb(212,167,31)
```
#e0b32c
```
#e0b32c rgb(224,179,44)
```
#e3bb43
```
#e3bb43 rgb(227,187,67)
```
#e7c359
```
#e7c359 rgb(231,195,89)
```

Monochromatic Color

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

#d47a1f
```
#d47a1f rgb(212,122,31)
```
#d4891f
```
#d4891f rgb(212,137,31)
```
#d4981f
```
#d4981f rgb(212,152,31)
```
#d4a71f
```
#d4a71f rgb(212,167,31)
```
#d4b61f
```
#d4b61f rgb(212,182,31)
```
#d4c51f
```
#d4c51f rgb(212,197,31)
```
#d4d41f
```
#d4d41f rgb(212,212,31)
```

Similar Colors

Text with hexadecimal color #d4a71f

This text has a font color of #d4a71f.

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

#d4a71f background color

This paragraph has a background color of #d4a71f.

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

#d4a71f border color

This element has a border color of #d4a71f.

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

CSS codes

.text {color:#d4a71f;}

.background {background-color:#d4a71f;}

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

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

#070501
```
#070501 rgb(7,5,1)
```
#181303
```
#181303 rgb(24,19,3)
```
#292006
```
#292006 rgb(41,32,6)
```
#3a2e08
```
#3a2e08 rgb(58,46,8)
```
#4b3b0b
```
#4b3b0b rgb(75,59,11)
```
#5c490d
```
#5c490d rgb(92,73,13)
```
#6d5610
```
#6d5610 rgb(109,86,16)
```
#7e6412
```
#7e6412 rgb(126,100,18)
```
#907115
```
#907115 rgb(144,113,21)
```
#a17f17
```
#a17f17 rgb(161,127,23)
```
#b28c1a
```
#b28c1a rgb(178,140,26)
```
#c39a1c
```
#c39a1c rgb(195,154,28)
```
#d4a71f
```
#d4a71f rgb(212,167,31)
```

Shade Color Variation

#dfb227
```
#dfb227 rgb(223,178,39)
```
#e2b838
```
#e2b838 rgb(226,184,56)
```
#e4be49
```
#e4be49 rgb(228,190,73)
```
#e7c45b
```
#e7c45b rgb(231,196,91)
```
#e9ca6c
```
#e9ca6c rgb(233,202,108)
```
#ecd07d
```
#ecd07d rgb(236,208,125)
```
#eed68e
```
#eed68e rgb(238,214,142)
```
#f1dd9f
```
#f1dd9f rgb(241,221,159)
```
#f3e3b0
```
#f3e3b0 rgb(243,227,176)
```
#f6e9c1
```
#f6e9c1 rgb(246,233,193)
```
#f8efd2
```
#f8efd2 rgb(248,239,210)
```
#fbf5e3
```
#fbf5e3 rgb(251,245,227)
```
#fdfbf5
```
#fdfbf5 rgb(253,251,245)
```

Tint Color Variation

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

#807d73
```
#807d73 rgb(128,125,115)
```
#89816a
```
#89816a rgb(137,129,106)
```
#938660
```
#938660 rgb(147,134,96)
```
#9c8b57
```
#9c8b57 rgb(156,139,87)
```
#a5904e
```
#a5904e rgb(165,144,78)
```
#af9444
```
#af9444 rgb(175,148,68)
```
#b8993b
```
#b8993b rgb(184,153,59)
```
#c19e32
```
#c19e32 rgb(193,158,50)
```
#cba228
```
#cba228 rgb(203,162,40)
```
#d4a71f
```
#d4a71f rgb(212,167,31)
```
#ddac16
```
#ddac16 rgb(221,172,22)
```
#e7b00c
```
#e7b00c rgb(231,176,12)
```
#f0b503
```
#f0b503 rgb(240,181,3)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#aea58a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b12c Protanopia 1% of men
#dca82c Deuteranopia 1% of men
#dea0ab Tritanopia 0.001% of the population

Trichromacy

#cbad27 Protanomaly 1% of men, 0.01% of women
#d9a827 Deuteranomaly 6% of men, 0.4% of women
#daa278 Tritanomaly 0.01% of the population

#d4a71f hex color

#d4a71f Color Information

#d4a71f Color Conversion

Color Schemes with #d4a71f

Alternatives to #d4a71f

#d4a71f Preview

Shades and Tints of #d4a71f

Tones of #d4a71f

Color Blindness Simulator