#dfb331 hex color

In a RGB color space, hex #dfb331 is composed of 87.5% red, 70.2% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.7% magenta, 78% yellow and 12.5% black. It has a hue angle of 44.8 degrees, a saturation of 73.1% and a lightness of 53.3%. #dfb331 color hex could be obtained by blending #ffff62 with #bf6700. Closest websafe color is: #cccc33.

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

● #dfb331 color description : Bright orange.

The hexadecimal color #dfb331 has RGB values of R:223, G:179, B:49 and CMYK values of C:0, M:0.2, Y:0.78, K:0.13. Its decimal value is 14660401.

Hex triplet	dfb331	`#dfb331`
RGB Decimal	223, 179, 49	`rgb(223,179,49)`
RGB Percent	87.5, 70.2, 19.2	`rgb(87.5%,70.2%,19.2%)`
CMYK	0, 20, 78, 13
HSL	44.8°, 73.1, 53.3	`hsl(44.8,73.1%,53.3%)`
HSV (or HSB)	44.8°, 78, 87.5
Web Safe	cccc33	`#cccc33`

CIE-LAB	74.921, 3.787, 67.379
XYZ	47.107, 48.152, 9.719
xyY	0.449, 0.459, 48.152
CIE-LCH	74.921, 67.485, 86.783
CIE-LUV	74.921, 37.13, 72.427
Hunter-Lab	69.392, -0.261, 40.27
Binary	11011111, 10110011, 00110001

#dfb331
```
#dfb331 rgb(223,179,49)
```
#315ddf
```
#315ddf rgb(49,93,223)
```

Complementary Color

#df5c31
```
#df5c31 rgb(223,92,49)
```
#dfb331
```
#dfb331 rgb(223,179,49)
```
#b4df31
```
#b4df31 rgb(180,223,49)
```

Analogous Color

#5c31df
```
#5c31df rgb(92,49,223)
```
#dfb331
```
#dfb331 rgb(223,179,49)
```
#31b4df
```
#31b4df rgb(49,180,223)
```

Split Complementary Color

#b331df
```
#b331df rgb(179,49,223)
```
#dfb331
```
#dfb331 rgb(223,179,49)
```
#31dfb3
```
#31dfb3 rgb(49,223,179)
```

Triadic Color

#df315d
```
#df315d rgb(223,49,93)
```
#dfb331
```
#dfb331 rgb(223,179,49)
```
#31dfb3
```
#31dfb3 rgb(49,223,179)
```
#315ddf
```
#315ddf rgb(49,93,223)
```

Tetradic Color

#a9851a
```
#a9851a rgb(169,133,26)
```
#bf961e
```
#bf961e rgb(191,150,30)
```
#d5a821
```
#d5a821 rgb(213,168,33)
```
#dfb331
```
#dfb331 rgb(223,179,49)
```
#e2bb47
```
#e2bb47 rgb(226,187,71)
```
#e6c35d
```
#e6c35d rgb(230,195,93)
```
#e9cb73
```
#e9cb73 rgb(233,203,115)
```

Monochromatic Color

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

#df8831
```
#df8831 rgb(223,136,49)
```
#df9631
```
#df9631 rgb(223,150,49)
```
#dfa531
```
#dfa531 rgb(223,165,49)
```
#dfb331
```
#dfb331 rgb(223,179,49)
```
#dfc231
```
#dfc231 rgb(223,194,49)
```
#dfd031
```
#dfd031 rgb(223,208,49)
```
#dfdf31
```
#dfdf31 rgb(223,223,49)
```

Similar Colors

Text with hexadecimal color #dfb331

This text has a font color of #dfb331.

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

#dfb331 background color

This paragraph has a background color of #dfb331.

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

#dfb331 border color

This element has a border color of #dfb331.

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

CSS codes

.text {color:#dfb331;}

.background {background-color:#dfb331;}

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

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

#0f0c02
```
#0f0c02 rgb(15,12,2)
```
#201905
```
#201905 rgb(32,25,5)
```
#312608
```
#312608 rgb(49,38,8)
```
#42340a
```
#42340a rgb(66,52,10)
```
#53410d
```
#53410d rgb(83,65,13)
```
#644e0f
```
#644e0f rgb(100,78,15)
```
#755c12
```
#755c12 rgb(117,92,18)
```
#866915
```
#866915 rgb(134,105,21)
```
#977617
```
#977617 rgb(151,118,23)
```
#a8841a
```
#a8841a rgb(168,132,26)
```
#b8911d
```
#b8911d rgb(184,145,29)
```
#c99e1f
```
#c99e1f rgb(201,158,31)
```
#daac22
```
#daac22 rgb(218,172,34)
```

Shade Color Variation

#dfb331
```
#dfb331 rgb(223,179,49)
```
#e2b942
```
#e2b942 rgb(226,185,66)
```
#e4c053
```
#e4c053 rgb(228,192,83)
```
#e7c664
```
#e7c664 rgb(231,198,100)
```
#eacc75
```
#eacc75 rgb(234,204,117)
```
#ecd286
```
#ecd286 rgb(236,210,134)
```
#efd997
```
#efd997 rgb(239,217,151)
```
#f1dfa8
```
#f1dfa8 rgb(241,223,168)
```
#f4e5b9
```
#f4e5b9 rgb(244,229,185)
```
#f7ebca
```
#f7ebca rgb(247,235,202)
```
#f9f2db
```
#f9f2db rgb(249,242,219)
```
#fcf8ec
```
#fcf8ec rgb(252,248,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#8d8a83
```
#8d8a83 rgb(141,138,131)
```
#968f7a
```
#968f7a rgb(150,143,122)
```
#9f9371
```
#9f9371 rgb(159,147,113)
```
#a89868
```
#a89868 rgb(168,152,104)
```
#b19c5f
```
#b19c5f rgb(177,156,95)
```
#baa156
```
#baa156 rgb(186,161,86)
```
#c4a54c
```
#c4a54c rgb(196,165,76)
```
#cdaa43
```
#cdaa43 rgb(205,170,67)
```
#d6ae3a
```
#d6ae3a rgb(214,174,58)
```
#dfb331
```
#dfb331 rgb(223,179,49)
```
#e8b828
```
#e8b828 rgb(232,184,40)
```
#f1bc1f
```
#f1bc1f rgb(241,188,31)
```
#fac116
```
#fac116 rgb(250,193,22)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#bab197 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1bc3d Protanopia 1% of men
#e9b33d Deuteranopia 1% of men
#e9abb7 Tritanopia 0.001% of the population

Trichromacy

#d6b838 Protanomaly 1% of men, 0.01% of women
#e5b339 Deuteranomaly 6% of men, 0.4% of women
#e5ae86 Tritanomaly 0.01% of the population

#dfb331 hex color

#dfb331 Color Information

#dfb331 Color Conversion

Color Schemes with #dfb331

Alternatives to #dfb331

#dfb331 Preview

Shades and Tints of #dfb331

Tones of #dfb331

Color Blindness Simulator