#af7021 hex color

In a RGB color space, hex #af7021 is composed of 68.6% red, 43.9% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36% magenta, 81.1% yellow and 31.4% black. It has a hue angle of 33.4 degrees, a saturation of 68.3% and a lightness of 40.8%. #af7021 color hex could be obtained by blending #ffe042 with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 44
- B 13
RGB color chart
- C 0
- M 36
- Y 81
- K 31
CMYK color chart

● #af7021 color description : Dark orange [Brown tone].

The hexadecimal color #af7021 has RGB values of R:175, G:112, B:33 and CMYK values of C:0, M:0.36, Y:0.81, K:0.31. Its decimal value is 11497505.

Hex triplet	af7021	`#af7021`
RGB Decimal	175, 112, 33	`rgb(175,112,33)`
RGB Percent	68.6, 43.9, 12.9	`rgb(68.6%,43.9%,12.9%)`
CMYK	0, 36, 81, 31
HSL	33.4°, 68.3, 40.8	`hsl(33.4,68.3%,40.8%)`
HSV (or HSB)	33.4°, 81.1, 68.6
Web Safe	996633	`#996633`

CIE-LAB	52.745, 18.607, 50.92
XYZ	23.749, 20.814, 4.206
xyY	0.487, 0.427, 20.814
CIE-LCH	52.745, 54.213, 69.927
CIE-LUV	52.745, 51.209, 47.359
Hunter-Lab	45.622, 13.079, 26.47
Binary	10101111, 01110000, 00100001

#af7021
```
#af7021 rgb(175,112,33)
```
#2160af
```
#2160af rgb(33,96,175)
```

Complementary Color

#af2921
```
#af2921 rgb(175,41,33)
```
#af7021
```
#af7021 rgb(175,112,33)
```
#a7af21
```
#a7af21 rgb(167,175,33)
```

Analogous Color

#2921af
```
#2921af rgb(41,33,175)
```
#af7021
```
#af7021 rgb(175,112,33)
```
#21a7af
```
#21a7af rgb(33,167,175)
```

Split Complementary Color

#7021af
```
#7021af rgb(112,33,175)
```
#af7021
```
#af7021 rgb(175,112,33)
```
#21af70
```
#21af70 rgb(33,175,112)
```

Triadic Color

#af2160
```
#af2160 rgb(175,33,96)
```
#af7021
```
#af7021 rgb(175,112,33)
```
#21af70
```
#21af70 rgb(33,175,112)
```
#2160af
```
#2160af rgb(33,96,175)
```

Tetradic Color

#6f4715
```
#6f4715 rgb(111,71,21)
```
#845519
```
#845519 rgb(132,85,25)
```
#9a621d
```
#9a621d rgb(154,98,29)
```
#af7021
```
#af7021 rgb(175,112,33)
```
#c47e25
```
#c47e25 rgb(196,126,37)
```
#d78b2c
```
#d78b2c rgb(215,139,44)
```
#db9741
```
#db9741 rgb(219,151,65)
```

Monochromatic Color

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

#af4d21
```
#af4d21 rgb(175,77,33)
```
#af5821
```
#af5821 rgb(175,88,33)
```
#af6421
```
#af6421 rgb(175,100,33)
```
#af7021
```
#af7021 rgb(175,112,33)
```
#af7c21
```
#af7c21 rgb(175,124,33)
```
#af8821
```
#af8821 rgb(175,136,33)
```
#af9421
```
#af9421 rgb(175,148,33)
```

Similar Colors

Text with hexadecimal color #af7021

This text has a font color of #af7021.

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

#af7021 background color

This paragraph has a background color of #af7021.

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

#af7021 border color

This element has a border color of #af7021.

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

CSS codes

.text {color:#af7021;}

.background {background-color:#af7021;}

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

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

#0a0602
```
#0a0602 rgb(10,6,2)
```
#1a1105
```
#1a1105 rgb(26,17,5)
```
#2b1c08
```
#2b1c08 rgb(43,28,8)
```
#3b260b
```
#3b260b rgb(59,38,11)
```
#4c310e
```
#4c310e rgb(76,49,14)
```
#5c3b11
```
#5c3b11 rgb(92,59,17)
```
#6d4615
```
#6d4615 rgb(109,70,21)
```
#7d5018
```
#7d5018 rgb(125,80,24)
```
#8e5b1b
```
#8e5b1b rgb(142,91,27)
```
#9e651e
```
#9e651e rgb(158,101,30)
```
#af7021
```
#af7021 rgb(175,112,33)
```
#c07b24
```
#c07b24 rgb(192,123,36)
```
#d08527
```
#d08527 rgb(208,133,39)
```

Shade Color Variation

#d88f32
```
#d88f32 rgb(216,143,50)
```
#dc9843
```
#dc9843 rgb(220,152,67)
```
#dfa153
```
#dfa153 rgb(223,161,83)
```
#e2aa64
```
#e2aa64 rgb(226,170,100)
```
#e5b374
```
#e5b374 rgb(229,179,116)
```
#e8bc85
```
#e8bc85 rgb(232,188,133)
```
#ebc595
```
#ebc595 rgb(235,197,149)
```
#eecea6
```
#eecea6 rgb(238,206,166)
```
#f1d7b6
```
#f1d7b6 rgb(241,215,182)
```
#f4e0c7
```
#f4e0c7 rgb(244,224,199)
```
#f8e9d7
```
#f8e9d7 rgb(248,233,215)
```
#fbf2e8
```
#fbf2e8 rgb(251,242,232)
```
#fefbf8
```
#fefbf8 rgb(254,251,248)
```

Tint Color Variation

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

#6f6961
```
#6f6961 rgb(111,105,97)
```
#776a59
```
#776a59 rgb(119,106,89)
```
#7f6b51
```
#7f6b51 rgb(127,107,81)
```
#876b49
```
#876b49 rgb(135,107,73)
```
#8f6c41
```
#8f6c41 rgb(143,108,65)
```
#976d39
```
#976d39 rgb(151,109,57)
```
#9f6e31
```
#9f6e31 rgb(159,110,49)
```
#a76f29
```
#a76f29 rgb(167,111,41)
```
#af7021
```
#af7021 rgb(175,112,33)
```
#b77119
```
#b77119 rgb(183,113,25)
```
#bf7211
```
#bf7211 rgb(191,114,17)
```
#c77309
```
#c77309 rgb(199,115,9)
```
#cf7401
```
#cf7401 rgb(207,116,1)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#857868 Atypical Achromatopsia 0.001% of the population

Dichromacy

#938430 Protanopia 1% of men
#a47e29 Deuteranopia 1% of men
#b77077 Tritanopia 0.001% of the population

Trichromacy

#9d7d2a Protanomaly 1% of men, 0.01% of women
#a87926 Deuteranomaly 6% of men, 0.4% of women
#b47058 Tritanomaly 0.01% of the population

#af7021 hex color

#af7021 Color Information

#af7021 Color Conversion

Color Schemes with #af7021

Alternatives to #af7021

#af7021 Preview

Shades and Tints of #af7021

Tones of #af7021

Color Blindness Simulator