#d4b71f hex color

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

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

● #d4b71f color description : Strong yellow.

The hexadecimal color #d4b71f has RGB values of R:212, G:183, B:31 and CMYK values of C:0, M:0.14, Y:0.85, K:0.17. Its decimal value is 13940511.

Hex triplet	d4b71f	`#d4b71f`
RGB Decimal	212, 183, 31	`rgb(212,183,31)`
RGB Percent	83.1, 71.8, 12.2	`rgb(83.1%,71.8%,12.2%)`
CMYK	0, 14, 85, 17
HSL	50.4°, 74.5, 47.6	`hsl(50.4,74.5%,47.6%)`
HSV (or HSB)	50.4°, 85.4, 83.1
Web Safe	cccc33	`#cccc33`

CIE-LAB	74.803, -3.628, 72.031
XYZ	44.333, 47.965, 8.219
xyY	0.441, 0.477, 47.965
CIE-LCH	74.803, 72.122, 92.884
CIE-LUV	74.803, 26.322, 76.981
Hunter-Lab	69.257, -6.937, 41.443
Binary	11010100, 10110111, 00011111

#d4b71f
```
#d4b71f rgb(212,183,31)
```
#1f3cd4
```
#1f3cd4 rgb(31,60,212)
```

Complementary Color

#d45d1f
```
#d45d1f rgb(212,93,31)
```
#d4b71f
```
#d4b71f rgb(212,183,31)
```
#97d41f
```
#97d41f rgb(151,212,31)
```

Analogous Color

#5d1fd4
```
#5d1fd4 rgb(93,31,212)
```
#d4b71f
```
#d4b71f rgb(212,183,31)
```
#1f97d4
```
#1f97d4 rgb(31,151,212)
```

Split Complementary Color

#b71fd4
```
#b71fd4 rgb(183,31,212)
```
#d4b71f
```
#d4b71f rgb(212,183,31)
```
#1fd4b7
```
#1fd4b7 rgb(31,212,183)
```

Triadic Color

#d41f3c
```
#d41f3c rgb(212,31,60)
```
#d4b71f
```
#d4b71f rgb(212,183,31)
```
#1fd4b7
```
#1fd4b7 rgb(31,212,183)
```
#1f3cd4
```
#1f3cd4 rgb(31,60,212)
```

Tetradic Color

#917d15
```
#917d15 rgb(145,125,21)
```
#a89118
```
#a89118 rgb(168,145,24)
```
#bea41c
```
#bea41c rgb(190,164,28)
```
#d4b71f
```
#d4b71f rgb(212,183,31)
```
#e0c32c
```
#e0c32c rgb(224,195,44)
```
#e3ca43
```
#e3ca43 rgb(227,202,67)
```
#e7d059
```
#e7d059 rgb(231,208,89)
```

Monochromatic Color

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

#d48a1f
```
#d48a1f rgb(212,138,31)
```
#d4991f
```
#d4991f rgb(212,153,31)
```
#d4a81f
```
#d4a81f rgb(212,168,31)
```
#d4b71f
```
#d4b71f rgb(212,183,31)
```
#d4c61f
```
#d4c61f rgb(212,198,31)
```
#d3d41f
```
#d3d41f rgb(211,212,31)
```
#c4d41f
```
#c4d41f rgb(196,212,31)
```

Similar Colors

Text with hexadecimal color #d4b71f

This text has a font color of #d4b71f.

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

#d4b71f background color

This paragraph has a background color of #d4b71f.

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

#d4b71f border color

This element has a border color of #d4b71f.

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

CSS codes

.text {color:#d4b71f;}

.background {background-color:#d4b71f;}

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

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

#070601
```
#070601 rgb(7,6,1)
```
#181503
```
#181503 rgb(24,21,3)
```
#292306
```
#292306 rgb(41,35,6)
```
#3a3208
```
#3a3208 rgb(58,50,8)
```
#4b410b
```
#4b410b rgb(75,65,11)
```
#5c500d
```
#5c500d rgb(92,80,13)
```
#6d5e10
```
#6d5e10 rgb(109,94,16)
```
#7e6d12
```
#7e6d12 rgb(126,109,18)
```
#907c15
```
#907c15 rgb(144,124,21)
```
#a18b17
```
#a18b17 rgb(161,139,23)
```
#b2991a
```
#b2991a rgb(178,153,26)
```
#c3a81c
```
#c3a81c rgb(195,168,28)
```
#d4b71f
```
#d4b71f rgb(212,183,31)
```

Shade Color Variation

#dfc227
```
#dfc227 rgb(223,194,39)
```
#e2c738
```
#e2c738 rgb(226,199,56)
```
#e4cc49
```
#e4cc49 rgb(228,204,73)
```
#e7d05b
```
#e7d05b rgb(231,208,91)
```
#e9d56c
```
#e9d56c rgb(233,213,108)
```
#ecda7d
```
#ecda7d rgb(236,218,125)
```
#eedf8e
```
#eedf8e rgb(238,223,142)
```
#f1e49f
```
#f1e49f rgb(241,228,159)
```
#f3e9b0
```
#f3e9b0 rgb(243,233,176)
```
#f6eec1
```
#f6eec1 rgb(246,238,193)
```
#f8f2d2
```
#f8f2d2 rgb(248,242,210)
```
#fbf7e3
```
#fbf7e3 rgb(251,247,227)
```
#fdfcf5
```
#fdfcf5 rgb(253,252,245)
```

Tint Color Variation

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

#807e73
```
#807e73 rgb(128,126,115)
```
#89846a
```
#89846a rgb(137,132,106)
```
#938b60
```
#938b60 rgb(147,139,96)
```
#9c9157
```
#9c9157 rgb(156,145,87)
```
#a5974e
```
#a5974e rgb(165,151,78)
```
#af9e44
```
#af9e44 rgb(175,158,68)
```
#b8a43b
```
#b8a43b rgb(184,164,59)
```
#c1aa32
```
#c1aa32 rgb(193,170,50)
```
#cbb128
```
#cbb128 rgb(203,177,40)
```
#d4b71f
```
#d4b71f rgb(212,183,31)
```
#ddbd16
```
#ddbd16 rgb(221,189,22)
```
#e7c40c
```
#e7c40c rgb(231,196,12)
```
#f0ca03
```
#f0ca03 rgb(240,202,3)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#b6b091 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2bc2b Protanopia 1% of men
#eab230 Deuteranopia 1% of men
#e0aeba Tritanopia 0.001% of the population

Trichromacy

#d2ba26 Protanomaly 1% of men, 0.01% of women
#e2b429 Deuteranomaly 6% of men, 0.4% of women
#dcb182 Tritanomaly 0.01% of the population

#d4b71f hex color

#d4b71f Color Information

#d4b71f Color Conversion

Color Schemes with #d4b71f

Alternatives to #d4b71f

#d4b71f Preview

Shades and Tints of #d4b71f

Tones of #d4b71f

Color Blindness Simulator