#dfa31e hex color

In a RGB color space, hex #dfa31e is composed of 87.5% red, 63.9% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.9% magenta, 86.5% yellow and 12.5% black. It has a hue angle of 41.3 degrees, a saturation of 76.3% and a lightness of 49.6%. #dfa31e color hex could be obtained by blending #ffff3c with #bf4700. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 87
- G 64
- B 12
RGB color chart
- C 0
- M 27
- Y 87
- K 13
CMYK color chart

● #dfa31e color description : Vivid orange.

The hexadecimal color #dfa31e has RGB values of R:223, G:163, B:30 and CMYK values of C:0, M:0.27, Y:0.87, K:0.13. Its decimal value is 14656286.

Hex triplet	dfa31e	`#dfa31e`
RGB Decimal	223, 163, 30	`rgb(223,163,30)`
RGB Percent	87.5, 63.9, 11.8	`rgb(87.5%,63.9%,11.8%)`
CMYK	0, 27, 87, 13
HSL	41.3°, 76.3, 49.6	`hsl(41.3,76.3%,49.6%)`
HSV (or HSB)	41.3°, 86.5, 87.5
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.856, 11.716, 69.533
XYZ	43.764, 41.979, 7.026
xyY	0.472, 0.453, 41.979
CIE-LCH	70.856, 70.513, 80.435
CIE-LUV	70.856, 49.937, 69.68
Hunter-Lab	64.791, 7.186, 38.924
Binary	11011111, 10100011, 00011110

#dfa31e
```
#dfa31e rgb(223,163,30)
```
#1e5adf
```
#1e5adf rgb(30,90,223)
```

Complementary Color

#df421e
```
#df421e rgb(223,66,30)
```
#dfa31e
```
#dfa31e rgb(223,163,30)
```
#bbdf1e
```
#bbdf1e rgb(187,223,30)
```

Analogous Color

#431edf
```
#431edf rgb(67,30,223)
```
#dfa31e
```
#dfa31e rgb(223,163,30)
```
#1ebbdf
```
#1ebbdf rgb(30,187,223)
```

Split Complementary Color

#a31edf
```
#a31edf rgb(163,30,223)
```
#dfa31e
```
#dfa31e rgb(223,163,30)
```
#1edfa3
```
#1edfa3 rgb(30,223,163)
```

Triadic Color

#df1e5a
```
#df1e5a rgb(223,30,90)
```
#dfa31e
```
#dfa31e rgb(223,163,30)
```
#1edfa3
```
#1edfa3 rgb(30,223,163)
```
#1e5adf
```
#1e5adf rgb(30,90,223)
```

Tetradic Color

#9c7215
```
#9c7215 rgb(156,114,21)
```
#b28218
```
#b28218 rgb(178,130,24)
```
#c9931b
```
#c9931b rgb(201,147,27)
```
#dfa31e
```
#dfa31e rgb(223,163,30)
```
#e4ad33
```
#e4ad33 rgb(228,173,51)
```
#e7b649
```
#e7b649 rgb(231,182,73)
```
#eabf60
```
#eabf60 rgb(234,191,96)
```

Monochromatic Color

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

#df731e
```
#df731e rgb(223,115,30)
```
#df831e
```
#df831e rgb(223,131,30)
```
#df931e
```
#df931e rgb(223,147,30)
```
#dfa31e
```
#dfa31e rgb(223,163,30)
```
#dfb31e
```
#dfb31e rgb(223,179,30)
```
#dfc31e
```
#dfc31e rgb(223,195,30)
```
#dfd31e
```
#dfd31e rgb(223,211,30)
```

Similar Colors

Text with hexadecimal color #dfa31e

This text has a font color of #dfa31e.

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

#dfa31e background color

This paragraph has a background color of #dfa31e.

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

#dfa31e border color

This element has a border color of #dfa31e.

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

CSS codes

.text {color:#dfa31e;}

.background {background-color:#dfa31e;}

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

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, #100b02 is the darkest color, while #fffefd is the lightest one.

#100b02
```
#100b02 rgb(16,11,2)
```
#211804
```
#211804 rgb(33,24,4)
```
#322507
```
#322507 rgb(50,37,7)
```
#433109
```
#433109 rgb(67,49,9)
```
#553e0b
```
#553e0b rgb(85,62,11)
```
#664b0e
```
#664b0e rgb(102,75,14)
```
#775710
```
#775710 rgb(119,87,16)
```
#896412
```
#896412 rgb(137,100,18)
```
#9a7015
```
#9a7015 rgb(154,112,21)
```
#ab7d17
```
#ab7d17 rgb(171,125,23)
```
#bc8a19
```
#bc8a19 rgb(188,138,25)
```
#ce961c
```
#ce961c rgb(206,150,28)
```
#dfa31e
```
#dfa31e rgb(223,163,30)
```

Shade Color Variation

#e3ab2e
```
#e3ab2e rgb(227,171,46)
```
#e5b23f
```
#e5b23f rgb(229,178,63)
```
#e8b950
```
#e8b950 rgb(232,185,80)
```
#eabf62
```
#eabf62 rgb(234,191,98)
```
#ecc673
```
#ecc673 rgb(236,198,115)
```
#eecd84
```
#eecd84 rgb(238,205,132)
```
#f1d496
```
#f1d496 rgb(241,212,150)
```
#f3dba7
```
#f3dba7 rgb(243,219,167)
```
#f5e2b8
```
#f5e2b8 rgb(245,226,184)
```
#f8e9c9
```
#f8e9c9 rgb(248,233,201)
```
#faf0db
```
#faf0db rgb(250,240,219)
```
#fcf7ec
```
#fcf7ec rgb(252,247,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#878276
```
#878276 rgb(135,130,118)
```
#91866c
```
#91866c rgb(145,134,108)
```
#9b8962
```
#9b8962 rgb(155,137,98)
```
#a58d58
```
#a58d58 rgb(165,141,88)
```
#ae914f
```
#ae914f rgb(174,145,79)
```
#b89445
```
#b89445 rgb(184,148,69)
```
#c2983b
```
#c2983b rgb(194,152,59)
```
#cc9c31
```
#cc9c31 rgb(204,156,49)
```
#d59f28
```
#d59f28 rgb(213,159,40)
```
#dfa31e
```
#dfa31e rgb(223,163,30)
```
#e9a714
```
#e9a714 rgb(233,167,20)
```
#f2aa0b
```
#f2aa0b rgb(242,170,11)
```
#fcae01
```
#fcae01 rgb(252,174,1)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#b1a58b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b12c Protanopia 1% of men
#dda928 Deuteranopia 1% of men
#e89ca7 Tritanopia 0.001% of the population

Trichromacy

#cfac27 Protanomaly 1% of men, 0.01% of women
#dea624 Deuteranomaly 6% of men, 0.4% of women
#e49f75 Tritanomaly 0.01% of the population

#dfa31e hex color

#dfa31e Color Information

#dfa31e Color Conversion

Color Schemes with #dfa31e

Alternatives to #dfa31e

#dfa31e Preview

Shades and Tints of #dfa31e

Tones of #dfa31e

Color Blindness Simulator