colorhexa.com

#dfb314 hex color

In a RGB color space, hex #dfb314 is composed of 87.5% red, 70.2% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.7% magenta, 91% yellow and 12.5% black. It has a hue angle of 47 degrees, a saturation of 83.5% and a lightness of 47.6%. #dfb314 color hex could be obtained by blending #ffff28 with #bf6700. Closest websafe color is: #cccc00.

- R 87
- G 70
- B 8
RGB color chart
- C 0
- M 20
- Y 91
- K 13
CMYK color chart

● #dfb314 color description : Vivid yellow.

The hexadecimal color #dfb314 has RGB values of R:223, G:179, B:20 and CMYK values of C:0, M:0.2, Y:0.91, K:0.13. Its decimal value is 14660372.

Hex triplet	dfb314	`#dfb314`
RGB Decimal	223, 179, 20	`rgb(223,179,20)`
RGB Percent	87.5, 70.2, 7.8	`rgb(87.5%,70.2%,7.8%)`
CMYK	0, 20, 91, 13
HSL	47°, 83.5, 47.6	`hsl(47,83.5%,47.6%)`
HSV (or HSB)	47°, 91, 87.5
Web Safe	cccc00	`#cccc00`

CIE-LAB	74.813, 3.049, 74.719
XYZ	46.679, 47.981, 7.464
xyY	0.457, 0.47, 47.981
CIE-LCH	74.813, 74.782, 87.663
CIE-LUV	74.813, 37.805, 76.953
Hunter-Lab	69.268, -0.932, 42.099
Binary	11011111, 10110011, 00010100

#dfb314
```
#dfb314 rgb(223,179,20)
```
#1440df
```
#1440df rgb(20,64,223)
```

Complementary Color

#df4e14
```
#df4e14 rgb(223,78,20)
```
#dfb314
```
#dfb314 rgb(223,179,20)
```
#a6df14
```
#a6df14 rgb(166,223,20)
```

Analogous Color

#4e14df
```
#4e14df rgb(78,20,223)
```
#dfb314
```
#dfb314 rgb(223,179,20)
```
#14a6df
```
#14a6df rgb(20,166,223)
```

Split Complementary Color

#b314df
```
#b314df rgb(179,20,223)
```
#dfb314
```
#dfb314 rgb(223,179,20)
```
#14dfb3
```
#14dfb3 rgb(20,223,179)
```

Triadic Color

#df1440
```
#df1440 rgb(223,20,64)
```
#dfb314
```
#dfb314 rgb(223,179,20)
```
#14dfb3
```
#14dfb3 rgb(20,223,179)
```
#1440df
```
#1440df rgb(20,64,223)
```

Tetradic Color

#997b0e
```
#997b0e rgb(153,123,14)
```
#b08d10
```
#b08d10 rgb(176,141,16)
```
#c8a012
```
#c8a012 rgb(200,160,18)
```
#dfb314
```
#dfb314 rgb(223,179,20)
```
#ebbf21
```
#ebbf21 rgb(235,191,33)
```
#edc639
```
#edc639 rgb(237,198,57)
```
#efcd50
```
#efcd50 rgb(239,205,80)
```

Monochromatic Color

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

#df8014
```
#df8014 rgb(223,128,20)
```
#df9114
```
#df9114 rgb(223,145,20)
```
#dfa214
```
#dfa214 rgb(223,162,20)
```
#dfb314
```
#dfb314 rgb(223,179,20)
```
#dfc414
```
#dfc414 rgb(223,196,20)
```
#dfd514
```
#dfd514 rgb(223,213,20)
```
#d8df14
```
#d8df14 rgb(216,223,20)
```

Similar Colors

Text with hexadecimal color #dfb314

This text has a font color of #dfb314.

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

#dfb314 background color

This paragraph has a background color of #dfb314.

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

#dfb314 border color

This element has a border color of #dfb314.

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

CSS codes

.text {color:#dfb314;}

.background {background-color:#dfb314;}

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

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

#070601
```
#070601 rgb(7,6,1)
```
#191402
```
#191402 rgb(25,20,2)
```
#2b2304
```
#2b2304 rgb(43,35,4)
```
#3d3105
```
#3d3105 rgb(61,49,5)
```
#4f3f07
```
#4f3f07 rgb(79,63,7)
```
#614e09
```
#614e09 rgb(97,78,9)
```
#735c0a
```
#735c0a rgb(115,92,10)
```
#856b0c
```
#856b0c rgb(133,107,12)
```
#97790e
```
#97790e rgb(151,121,14)
```
#a9880f
```
#a9880f rgb(169,136,15)
```
#bb9611
```
#bb9611 rgb(187,150,17)
```
#cda512
```
#cda512 rgb(205,165,18)
```
#dfb314
```
#dfb314 rgb(223,179,20)
```

Shade Color Variation

#ebbe1c
```
#ebbe1c rgb(235,190,28)
```
#ecc32e
```
#ecc32e rgb(236,195,46)
```
#eec840
```
#eec840 rgb(238,200,64)
```
#efcd52
```
#efcd52 rgb(239,205,82)
```
#f1d364
```
#f1d364 rgb(241,211,100)
```
#f3d876
```
#f3d876 rgb(243,216,118)
```
#f4dd88
```
#f4dd88 rgb(244,221,136)
```
#f6e29a
```
#f6e29a rgb(246,226,154)
```
#f8e7ac
```
#f8e7ac rgb(248,231,172)
```
#f9ecbe
```
#f9ecbe rgb(249,236,190)
```
#fbf2d0
```
#fbf2d0 rgb(251,242,208)
```
#fcf7e2
```
#fcf7e2 rgb(252,247,226)
```
#fefcf4
```
#fefcf4 rgb(254,252,244)
```

Tint Color Variation

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

#827e71
```
#827e71 rgb(130,126,113)
```
#8b8368
```
#8b8368 rgb(139,131,104)
```
#94895f
```
#94895f rgb(148,137,95)
```
#9e8e55
```
#9e8e55 rgb(158,142,85)
```
#a7934c
```
#a7934c rgb(167,147,76)
```
#b09943
```
#b09943 rgb(176,153,67)
```
#ba9e39
```
#ba9e39 rgb(186,158,57)
```
#c3a330
```
#c3a330 rgb(195,163,48)
```
#cca827
```
#cca827 rgb(204,168,39)
```
#d6ae1d
```
#d6ae1d rgb(214,174,29)
```
#dfb314
```
#dfb314 rgb(223,179,20)
```
#e8b80b
```
#e8b80b rgb(232,184,11)
```
#f2be01
```
#f2be01 rgb(242,190,1)
```

Tone Color Variation

Below, you can see how #dfb314 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
#b8af8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2bc21 Protanopia 1% of men
#eab224 Deuteranopia 1% of men
#eaaab6 Tritanopia 0.001% of the population

Trichromacy

#d7b81c Protanomaly 1% of men, 0.01% of women
#e6b21e Deuteranomaly 6% of men, 0.4% of women
#e6ad7b Tritanomaly 0.01% of the population