#dfb31d hex color

In a RGB color space, hex #dfb31d is composed of 87.5% red, 70.2% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.7% magenta, 87% yellow and 12.5% black. It has a hue angle of 46.4 degrees, a saturation of 77% and a lightness of 49.4%. #dfb31d color hex could be obtained by blending #ffff3a with #bf6700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 87
- G 70
- B 11
RGB color chart
- C 0
- M 20
- Y 87
- K 13
CMYK color chart

● #dfb31d color description : Vivid yellow.

The hexadecimal color #dfb31d has RGB values of R:223, G:179, B:29 and CMYK values of C:0, M:0.2, Y:0.87, K:0.13. Its decimal value is 14660381.

Hex triplet	dfb31d	`#dfb31d`
RGB Decimal	223, 179, 29	`rgb(223,179,29)`
RGB Percent	87.5, 70.2, 11.4	`rgb(87.5%,70.2%,11.4%)`
CMYK	0, 20, 87, 13
HSL	46.4°, 77, 49.4	`hsl(46.4,77%,49.4%)`
HSV (or HSB)	46.4°, 87, 87.5
Web Safe	cccc33	`#cccc33`

CIE-LAB	74.837, 3.214, 72.962
XYZ	46.774, 48.019, 7.967
xyY	0.455, 0.467, 48.019
CIE-LCH	74.837, 73.033, 87.477
CIE-LUV	74.837, 37.653, 75.934
Hunter-Lab	69.296, -0.782, 41.69
Binary	11011111, 10110011, 00011101

#dfb31d
```
#dfb31d rgb(223,179,29)
```
#1d49df
```
#1d49df rgb(29,73,223)
```

Complementary Color

#df521d
```
#df521d rgb(223,82,29)
```
#dfb31d
```
#dfb31d rgb(223,179,29)
```
#aadf1d
```
#aadf1d rgb(170,223,29)
```

Analogous Color

#521ddf
```
#521ddf rgb(82,29,223)
```
#dfb31d
```
#dfb31d rgb(223,179,29)
```
#1daadf
```
#1daadf rgb(29,170,223)
```

Split Complementary Color

#b31ddf
```
#b31ddf rgb(179,29,223)
```
#dfb31d
```
#dfb31d rgb(223,179,29)
```
#1ddfb3
```
#1ddfb3 rgb(29,223,179)
```

Triadic Color

#df1d49
```
#df1d49 rgb(223,29,73)
```
#dfb31d
```
#dfb31d rgb(223,179,29)
```
#1ddfb3
```
#1ddfb3 rgb(29,223,179)
```
#1d49df
```
#1d49df rgb(29,73,223)
```

Tetradic Color

#9b7d14
```
#9b7d14 rgb(155,125,20)
```
#b28f17
```
#b28f17 rgb(178,143,23)
```
#c8a11a
```
#c8a11a rgb(200,161,26)
```
#dfb31d
```
#dfb31d rgb(223,179,29)
```
#e4bc31
```
#e4bc31 rgb(228,188,49)
```
#e7c348
```
#e7c348 rgb(231,195,72)
```
#eaca5e
```
#eaca5e rgb(234,202,94)
```

Monochromatic Color

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

#df831d
```
#df831d rgb(223,131,29)
```
#df931d
```
#df931d rgb(223,147,29)
```
#dfa31d
```
#dfa31d rgb(223,163,29)
```
#dfb31d
```
#dfb31d rgb(223,179,29)
```
#dfc31d
```
#dfc31d rgb(223,195,29)
```
#dfd31d
```
#dfd31d rgb(223,211,29)
```
#dbdf1d
```
#dbdf1d rgb(219,223,29)
```

Similar Colors

Text with hexadecimal color #dfb31d

This text has a font color of #dfb31d.

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

#dfb31d background color

This paragraph has a background color of #dfb31d.

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

#dfb31d border color

This element has a border color of #dfb31d.

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

CSS codes

.text {color:#dfb31d;}

.background {background-color:#dfb31d;}

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

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, #0f0c02 is the darkest color, while #fffefc is the lightest one.

#0f0c02
```
#0f0c02 rgb(15,12,2)
```
#201a04
```
#201a04 rgb(32,26,4)
```
#312806
```
#312806 rgb(49,40,6)
```
#433609
```
#433609 rgb(67,54,9)
```
#54440b
```
#54440b rgb(84,68,11)
```
#65510d
```
#65510d rgb(101,81,13)
```
#775f0f
```
#775f0f rgb(119,95,15)
```
#886d12
```
#886d12 rgb(136,109,18)
```
#9a7b14
```
#9a7b14 rgb(154,123,20)
```
#ab8916
```
#ab8916 rgb(171,137,22)
```
#bc9718
```
#bc9718 rgb(188,151,24)
```
#cea51b
```
#cea51b rgb(206,165,27)
```
#dfb31d
```
#dfb31d rgb(223,179,29)
```

Shade Color Variation

#e4ba2c
```
#e4ba2c rgb(228,186,44)
```
#e6c03d
```
#e6c03d rgb(230,192,61)
```
#e8c54f
```
#e8c54f rgb(232,197,79)
```
#eacb60
```
#eacb60 rgb(234,203,96)
```
#edd171
```
#edd171 rgb(237,209,113)
```
#efd683
```
#efd683 rgb(239,214,131)
```
#f1dc94
```
#f1dc94 rgb(241,220,148)
```
#f3e2a6
```
#f3e2a6 rgb(243,226,166)
```
#f6e7b7
```
#f6e7b7 rgb(246,231,183)
```
#f8edc8
```
#f8edc8 rgb(248,237,200)
```
#faf3da
```
#faf3da rgb(250,243,218)
```
#fcf8eb
```
#fcf8eb rgb(252,248,235)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#7e7e7e
```
#7e7e7e rgb(126,126,126)
```
#888374
```
#888374 rgb(136,131,116)
```
#91896b
```
#91896b rgb(145,137,107)
```
#9b8e61
```
#9b8e61 rgb(155,142,97)
```
#a59357
```
#a59357 rgb(165,147,87)
```
#af994d
```
#af994d rgb(175,153,77)
```
#b89e44
```
#b89e44 rgb(184,158,68)
```
#c2a33a
```
#c2a33a rgb(194,163,58)
```
#cca830
```
#cca830 rgb(204,168,48)
```
#d5ae27
```
#d5ae27 rgb(213,174,39)
```
#dfb31d
```
#dfb31d rgb(223,179,29)
```
#e9b813
```
#e9b813 rgb(233,184,19)
```
#f2be0a
```
#f2be0a rgb(242,190,10)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#b9b092 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2bc2a Protanopia 1% of men
#eab22b Deuteranopia 1% of men
#eaabb6 Tritanopia 0.001% of the population

Trichromacy

#d6b825 Protanomaly 1% of men, 0.01% of women
#e6b226 Deuteranomaly 6% of men, 0.4% of women
#e6ad7e Tritanomaly 0.01% of the population

#dfb31d hex color

#dfb31d Color Information

#dfb31d Color Conversion

Color Schemes with #dfb31d

Alternatives to #dfb31d

#dfb31d Preview

Shades and Tints of #dfb31d

Tones of #dfb31d

Color Blindness Simulator