colorhexa.com

#dfaf22 hex color

In a RGB color space, hex #dfaf22 is composed of 87.5% red, 68.6% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.5% magenta, 84.8% yellow and 12.5% black. It has a hue angle of 44.8 degrees, a saturation of 74.7% and a lightness of 50.4%. #dfaf22 color hex could be obtained by blending #ffff44 with #bf5f00. Closest websafe color is: #cc9933.

- R 87
- G 69
- B 13
RGB color chart
- C 0
- M 22
- Y 85
- K 13
CMYK color chart

● #dfaf22 color description : Bright orange.

The hexadecimal color #dfaf22 has RGB values of R:223, G:175, B:34 and CMYK values of C:0, M:0.22, Y:0.85, K:0.13. Its decimal value is 14659362.

Hex triplet	dfaf22	`#dfaf22`
RGB Decimal	223, 175, 34	`rgb(223,175,34)`
RGB Percent	87.5, 68.6, 13.3	`rgb(87.5%,68.6%,13.3%)`
CMYK	0, 22, 85, 13
HSL	44.8°, 74.7, 50.4	`hsl(44.8,74.7%,50.4%)`
HSV (or HSB)	44.8°, 84.8, 87.5
Web Safe	cc9933	`#cc9933`

CIE-LAB	73.847, 5.438, 70.944
XYZ	46.051, 46.466, 8.057
xyY	0.458, 0.462, 46.466
CIE-LCH	73.847, 71.152, 85.617
CIE-LUV	73.847, 40.567, 73.678
Hunter-Lab	68.166, 1.3, 40.708
Binary	11011111, 10101111, 00100010

#dfaf22
```
#dfaf22 rgb(223,175,34)
```
#2252df
```
#2252df rgb(34,82,223)
```

Complementary Color

#df5022
```
#df5022 rgb(223,80,34)
```
#dfaf22
```
#dfaf22 rgb(223,175,34)
```
#b1df22
```
#b1df22 rgb(177,223,34)
```

Analogous Color

#5122df
```
#5122df rgb(81,34,223)
```
#dfaf22
```
#dfaf22 rgb(223,175,34)
```
#22b1df
```
#22b1df rgb(34,177,223)
```

Split Complementary Color

#af22df
```
#af22df rgb(175,34,223)
```
#dfaf22
```
#dfaf22 rgb(223,175,34)
```
#22dfaf
```
#22dfaf rgb(34,223,175)
```

Triadic Color

#df2252
```
#df2252 rgb(223,34,82)
```
#dfaf22
```
#dfaf22 rgb(223,175,34)
```
#22dfaf
```
#22dfaf rgb(34,223,175)
```
#2252df
```
#2252df rgb(34,82,223)
```

Tetradic Color

#9e7b17
```
#9e7b17 rgb(158,123,23)
```
#b48d1a
```
#b48d1a rgb(180,141,26)
```
#ca9e1d
```
#ca9e1d rgb(202,158,29)
```
#dfaf22
```
#dfaf22 rgb(223,175,34)
```
#e2b738
```
#e2b738 rgb(226,183,56)
```
#e5bf4f
```
#e5bf4f rgb(229,191,79)
```
#e9c765
```
#e9c765 rgb(233,199,101)
```

Monochromatic Color

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

#df8022
```
#df8022 rgb(223,128,34)
```
#df9022
```
#df9022 rgb(223,144,34)
```
#df9f22
```
#df9f22 rgb(223,159,34)
```
#dfaf22
```
#dfaf22 rgb(223,175,34)
```
#dfbf22
```
#dfbf22 rgb(223,191,34)
```
#dfcf22
```
#dfcf22 rgb(223,207,34)
```
#dfde22
```
#dfde22 rgb(223,222,34)
```

Similar Colors

Text with hexadecimal color #dfaf22

This text has a font color of #dfaf22.

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

#dfaf22 background color

This paragraph has a background color of #dfaf22.

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

#dfaf22 border color

This element has a border color of #dfaf22.

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

CSS codes

.text {color:#dfaf22;}

.background {background-color:#dfaf22;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#130f03
```
#130f03 rgb(19,15,3)
```
#241c05
```
#241c05 rgb(36,28,5)
```
#352a08
```
#352a08 rgb(53,42,8)
```
#46370a
```
#46370a rgb(70,55,10)
```
#57440d
```
#57440d rgb(87,68,13)
```
#69520f
```
#69520f rgb(105,82,15)
```
#7a5f12
```
#7a5f12 rgb(122,95,18)
```
#8b6d14
```
#8b6d14 rgb(139,109,20)
```
#9c7a17
```
#9c7a17 rgb(156,122,23)
```
#ad8719
```
#ad8719 rgb(173,135,25)
```
#be951c
```
#be951c rgb(190,149,28)
```
#cfa21e
```
#cfa21e rgb(207,162,30)
```

Shade Color Variation

#dfaf22
```
#dfaf22 rgb(223,175,34)
```
#e1b533
```
#e1b533 rgb(225,181,51)
```
#e4bb44
```
#e4bb44 rgb(228,187,68)
```
#e6c255
```
#e6c255 rgb(230,194,85)
```
#e9c867
```
#e9c867 rgb(233,200,103)
```
#ebce78
```
#ebce78 rgb(235,206,120)
```
#eed489
```
#eed489 rgb(238,212,137)
```
#f0da9a
```
#f0da9a rgb(240,218,154)
```
#f3e1ab
```
#f3e1ab rgb(243,225,171)
```
#f5e7bc
```
#f5e7bc rgb(245,231,188)
```
#f8edcd
```
#f8edcd rgb(248,237,205)
```
#faf3de
```
#faf3de rgb(250,243,222)
```
#fdf9f0
```
#fdf9f0 rgb(253,249,240)
```

Tint Color Variation

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

#87847a
```
#87847a rgb(135,132,122)
```
#918970
```
#918970 rgb(145,137,112)
```
#9b8d66
```
#9b8d66 rgb(155,141,102)
```
#a5925c
```
#a5925c rgb(165,146,92)
```
#ae9753
```
#ae9753 rgb(174,151,83)
```
#b89c49
```
#b89c49 rgb(184,156,73)
```
#c2a13f
```
#c2a13f rgb(194,161,63)
```
#cca535
```
#cca535 rgb(204,165,53)
```
#d5aa2c
```
#d5aa2c rgb(213,170,44)
```
#dfaf22
```
#dfaf22 rgb(223,175,34)
```
#e9b418
```
#e9b418 rgb(233,180,24)
```
#f2b90f
```
#f2b90f rgb(242,185,15)
```
#fcbd05
```
#fcbd05 rgb(252,189,5)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#b7ad91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfb92f Protanopia 1% of men
#e6b02f Deuteranopia 1% of men
#e9a7b3 Tritanopia 0.001% of the population

Trichromacy

#d5b52a Protanomaly 1% of men, 0.01% of women
#e4af2a Deuteranomaly 6% of men, 0.4% of women
#e5aa7e Tritanomaly 0.01% of the population