#dfb31c hex color

In a RGB color space, hex #dfb31c is composed of 87.5% red, 70.2% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.7% magenta, 87.4% yellow and 12.5% black. It has a hue angle of 46.5 degrees, a saturation of 77.7% and a lightness of 49.2%. #dfb31c color hex could be obtained by blending #ffff38 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

● #dfb31c color description : Vivid yellow.

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

Hex triplet	dfb31c	`#dfb31c`
RGB Decimal	223, 179, 28	`rgb(223,179,28)`
RGB Percent	87.5, 70.2, 11	`rgb(87.5%,70.2%,11%)`
CMYK	0, 20, 87, 13
HSL	46.5°, 77.7, 49.2	`hsl(46.5,77.7%,49.2%)`
HSV (or HSB)	46.5°, 87.4, 87.5
Web Safe	cccc33	`#cccc33`

CIE-LAB	74.834, 3.193, 73.182
XYZ	46.762, 48.014, 7.903
xyY	0.455, 0.468, 48.014
CIE-LCH	74.834, 73.252, 87.501
CIE-LUV	74.834, 37.672, 76.064
Hunter-Lab	69.292, -0.801, 41.742
Binary	11011111, 10110011, 00011100

#dfb31c
```
#dfb31c rgb(223,179,28)
```
#1c48df
```
#1c48df rgb(28,72,223)
```

Complementary Color

#df521c
```
#df521c rgb(223,82,28)
```
#dfb31c
```
#dfb31c rgb(223,179,28)
```
#aadf1c
```
#aadf1c rgb(170,223,28)
```

Analogous Color

#521cdf
```
#521cdf rgb(82,28,223)
```
#dfb31c
```
#dfb31c rgb(223,179,28)
```
#1caadf
```
#1caadf rgb(28,170,223)
```

Split Complementary Color

#b31cdf
```
#b31cdf rgb(179,28,223)
```
#dfb31c
```
#dfb31c rgb(223,179,28)
```
#1cdfb3
```
#1cdfb3 rgb(28,223,179)
```

Triadic Color

#df1c48
```
#df1c48 rgb(223,28,72)
```
#dfb31c
```
#dfb31c rgb(223,179,28)
```
#1cdfb3
```
#1cdfb3 rgb(28,223,179)
```
#1c48df
```
#1c48df rgb(28,72,223)
```

Tetradic Color

#9b7c13
```
#9b7c13 rgb(155,124,19)
```
#b28f16
```
#b28f16 rgb(178,143,22)
```
#c8a119
```
#c8a119 rgb(200,161,25)
```
#dfb31c
```
#dfb31c rgb(223,179,28)
```
#e5bc30
```
#e5bc30 rgb(229,188,48)
```
#e8c346
```
#e8c346 rgb(232,195,70)
```
#ebcb5d
```
#ebcb5d rgb(235,203,93)
```

Monochromatic Color

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

#df821c
```
#df821c rgb(223,130,28)
```
#df931c
```
#df931c rgb(223,147,28)
```
#dfa31c
```
#dfa31c rgb(223,163,28)
```
#dfb31c
```
#dfb31c rgb(223,179,28)
```
#dfc31c
```
#dfc31c rgb(223,195,28)
```
#dfd41c
```
#dfd41c rgb(223,212,28)
```
#dadf1c
```
#dadf1c rgb(218,223,28)
```

Similar Colors

Text with hexadecimal color #dfb31c

This text has a font color of #dfb31c.

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

#dfb31c background color

This paragraph has a background color of #dfb31c.

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

#dfb31c border color

This element has a border color of #dfb31c.

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

CSS codes

.text {color:#dfb31c;}

.background {background-color:#dfb31c;}

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

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

#0e0b02
```
#0e0b02 rgb(14,11,2)
```
#1f1904
```
#1f1904 rgb(31,25,4)
```
#312706
```
#312706 rgb(49,39,6)
```
#423508
```
#423508 rgb(66,53,8)
```
#54430a
```
#54430a rgb(84,67,10)
```
#65510d
```
#65510d rgb(101,81,13)
```
#765f0f
```
#765f0f rgb(118,95,15)
```
#886d11
```
#886d11 rgb(136,109,17)
```
#997b13
```
#997b13 rgb(153,123,19)
```
#ab8915
```
#ab8915 rgb(171,137,21)
```
#bc9718
```
#bc9718 rgb(188,151,24)
```
#cea51a
```
#cea51a rgb(206,165,26)
```
#dfb31c
```
#dfb31c rgb(223,179,28)
```

Shade Color Variation

#e4ba2a
```
#e4ba2a rgb(228,186,42)
```
#e6c03c
```
#e6c03c rgb(230,192,60)
```
#e9c64d
```
#e9c64d rgb(233,198,77)
```
#ebcb5f
```
#ebcb5f rgb(235,203,95)
```
#edd170
```
#edd170 rgb(237,209,112)
```
#efd681
```
#efd681 rgb(239,214,129)
```
#f1dc93
```
#f1dc93 rgb(241,220,147)
```
#f4e2a4
```
#f4e2a4 rgb(244,226,164)
```
#f6e7b6
```
#f6e7b6 rgb(246,231,182)
```
#f8edc7
```
#f8edc7 rgb(248,237,199)
```
#faf3d9
```
#faf3d9 rgb(250,243,217)
```
#fcf8ea
```
#fcf8ea rgb(252,248,234)
```
#fffefb
```
#fffefb rgb(255,254,251)
```

Tint Color Variation

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

#7e7e7d
```
#7e7e7d rgb(126,126,125)
```
#888373
```
#888373 rgb(136,131,115)
```
#928969
```
#928969 rgb(146,137,105)
```
#9b8e60
```
#9b8e60 rgb(155,142,96)
```
#a59356
```
#a59356 rgb(165,147,86)
```
#af994c
```
#af994c rgb(175,153,76)
```
#b89e43
```
#b89e43 rgb(184,158,67)
```
#c2a339
```
#c2a339 rgb(194,163,57)
```
#cca82f
```
#cca82f rgb(204,168,47)
```
#d5ae26
```
#d5ae26 rgb(213,174,38)
```
#dfb31c
```
#dfb31c rgb(223,179,28)
```
#e9b812
```
#e9b812 rgb(233,184,18)
```
#f2be09
```
#f2be09 rgb(242,190,9)
```

Tone Color Variation

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

#d2bc29 Protanopia 1% of men
#eab22a Deuteranopia 1% of men
#eaabb6 Tritanopia 0.001% of the population

Trichromacy

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

#dfb31c hex color

#dfb31c Color Information

#dfb31c Color Conversion

Color Schemes with #dfb31c

Alternatives to #dfb31c

#dfb31c Preview

Shades and Tints of #dfb31c

Tones of #dfb31c

Color Blindness Simulator