#dfa316 hex color

In a RGB color space, hex #dfa316 is composed of 87.5% red, 63.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.9% magenta, 90.1% yellow and 12.5% black. It has a hue angle of 42.1 degrees, a saturation of 82% and a lightness of 48%. #dfa316 color hex could be obtained by blending #ffff2c with #bf4700. Closest websafe color is: #cc9900.

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

● #dfa316 color description : Vivid orange.

The hexadecimal color #dfa316 has RGB values of R:223, G:163, B:22 and CMYK values of C:0, M:0.27, Y:0.9, K:0.13. Its decimal value is 14656278.

Hex triplet	dfa316	`#dfa316`
RGB Decimal	223, 163, 22	`rgb(223,163,22)`
RGB Percent	87.5, 63.9, 8.6	`rgb(87.5%,63.9%,8.6%)`
CMYK	0, 27, 90, 13
HSL	42.1°, 82, 48	`hsl(42.1,82%,48%)`
HSV (or HSB)	42.1°, 90.1, 87.5
Web Safe	cc9900	`#cc9900`

CIE-LAB	70.832, 11.559, 71.326
XYZ	43.674, 41.943, 6.555
xyY	0.474, 0.455, 41.943
CIE-LCH	70.832, 72.257, 80.794
CIE-LUV	70.832, 50.127, 70.704
Hunter-Lab	64.763, 7.039, 39.334
Binary	11011111, 10100011, 00010110

#dfa316
```
#dfa316 rgb(223,163,22)
```
#1652df
```
#1652df rgb(22,82,223)
```

Complementary Color

#df3f16
```
#df3f16 rgb(223,63,22)
```
#dfa316
```
#dfa316 rgb(223,163,22)
```
#b7df16
```
#b7df16 rgb(183,223,22)
```

Analogous Color

#3f16df
```
#3f16df rgb(63,22,223)
```
#dfa316
```
#dfa316 rgb(223,163,22)
```
#16b7df
```
#16b7df rgb(22,183,223)
```

Split Complementary Color

#a316df
```
#a316df rgb(163,22,223)
```
#dfa316
```
#dfa316 rgb(223,163,22)
```
#16dfa3
```
#16dfa3 rgb(22,223,163)
```

Triadic Color

#df1652
```
#df1652 rgb(223,22,82)
```
#dfa316
```
#dfa316 rgb(223,163,22)
```
#16dfa3
```
#16dfa3 rgb(22,223,163)
```
#1652df
```
#1652df rgb(22,82,223)
```

Tetradic Color

#99700f
```
#99700f rgb(153,112,15)
```
#b18111
```
#b18111 rgb(177,129,17)
```
#c89214
```
#c89214 rgb(200,146,20)
```
#dfa316
```
#dfa316 rgb(223,163,22)
```
#e9af25
```
#e9af25 rgb(233,175,37)
```
#ecb73c
```
#ecb73c rgb(236,183,60)
```
#eec053
```
#eec053 rgb(238,192,83)
```

Monochromatic Color

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

#df7116
```
#df7116 rgb(223,113,22)
```
#df8216
```
#df8216 rgb(223,130,22)
```
#df9216
```
#df9216 rgb(223,146,22)
```
#dfa316
```
#dfa316 rgb(223,163,22)
```
#dfb416
```
#dfb416 rgb(223,180,22)
```
#dfc516
```
#dfc516 rgb(223,197,22)
```
#dfd516
```
#dfd516 rgb(223,213,22)
```

Similar Colors

Text with hexadecimal color #dfa316

This text has a font color of #dfa316.

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

#dfa316 background color

This paragraph has a background color of #dfa316.

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

#dfa316 border color

This element has a border color of #dfa316.

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

CSS codes

.text {color:#dfa316;}

.background {background-color:#dfa316;}

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

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, #090601 is the darkest color, while #fefcf6 is the lightest one.

#090601
```
#090601 rgb(9,6,1)
```
#1b1303
```
#1b1303 rgb(27,19,3)
```
#2c2004
```
#2c2004 rgb(44,32,4)
```
#3e2e06
```
#3e2e06 rgb(62,46,6)
```
#503b08
```
#503b08 rgb(80,59,8)
```
#62480a
```
#62480a rgb(98,72,10)
```
#74550b
```
#74550b rgb(116,85,11)
```
#86620d
```
#86620d rgb(134,98,13)
```
#986f0f
```
#986f0f rgb(152,111,15)
```
#a97c11
```
#a97c11 rgb(169,124,17)
```
#bb8912
```
#bb8912 rgb(187,137,18)
```
#cd9614
```
#cd9614 rgb(205,150,20)
```
#dfa316
```
#dfa316 rgb(223,163,22)
```

Shade Color Variation

#e9ad20
```
#e9ad20 rgb(233,173,32)
```
#ebb332
```
#ebb332 rgb(235,179,50)
```
#ecba43
```
#ecba43 rgb(236,186,67)
```
#eec155
```
#eec155 rgb(238,193,85)
```
#f0c767
```
#f0c767 rgb(240,199,103)
```
#f2ce79
```
#f2ce79 rgb(242,206,121)
```
#f4d48b
```
#f4d48b rgb(244,212,139)
```
#f5db9d
```
#f5db9d rgb(245,219,157)
```
#f7e1ae
```
#f7e1ae rgb(247,225,174)
```
#f9e8c0
```
#f9e8c0 rgb(249,232,192)
```
#fbefd2
```
#fbefd2 rgb(251,239,210)
```
#fcf5e4
```
#fcf5e4 rgb(252,245,228)
```
#fefcf6
```
#fefcf6 rgb(254,252,246)
```

Tint Color Variation

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

#817d74
```
#817d74 rgb(129,125,116)
```
#8a816b
```
#8a816b rgb(138,129,107)
```
#948561
```
#948561 rgb(148,133,97)
```
#9d8858
```
#9d8858 rgb(157,136,88)
```
#a68c4f
```
#a68c4f rgb(166,140,79)
```
#b09045
```
#b09045 rgb(176,144,69)
```
#b9943c
```
#b9943c rgb(185,148,60)
```
#c39832
```
#c39832 rgb(195,152,50)
```
#cc9b29
```
#cc9b29 rgb(204,155,41)
```
#d69f1f
```
#d69f1f rgb(214,159,31)
```
#dfa316
```
#dfa316 rgb(223,163,22)
```
#e8a70d
```
#e8a70d rgb(232,167,13)
```
#f2ab03
```
#f2ab03 rgb(242,171,3)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#b1a588 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b125 Protanopia 1% of men
#dda921 Deuteranopia 1% of men
#e89ca7 Tritanopia 0.001% of the population

Trichromacy

#cfac1f Protanomaly 1% of men, 0.01% of women
#dea61d Deuteranomaly 6% of men, 0.4% of women
#e59f72 Tritanomaly 0.01% of the population

#dfa316 hex color

#dfa316 Color Information

#dfa316 Color Conversion

Color Schemes with #dfa316

Alternatives to #dfa316

#dfa316 Preview

Shades and Tints of #dfa316

Tones of #dfa316

Color Blindness Simulator