#af6f21 hex color

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

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

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

The hexadecimal color #af6f21 has RGB values of R:175, G:111, B:33 and CMYK values of C:0, M:0.37, Y:0.81, K:0.31. Its decimal value is 11497249.

Hex triplet	af6f21	`#af6f21`
RGB Decimal	175, 111, 33	`rgb(175,111,33)`
RGB Percent	68.6, 43.5, 12.9	`rgb(68.6%,43.5%,12.9%)`
CMYK	0, 37, 81, 31
HSL	33°, 68.3, 40.8	`hsl(33,68.3%,40.8%)`
HSV (or HSB)	33°, 81.1, 68.6
Web Safe	996633	`#996633`

CIE-LAB	52.503, 19.166, 50.699
XYZ	23.639, 20.594, 4.169
xyY	0.488, 0.425, 20.594
CIE-LCH	52.503, 54.201, 69.292
CIE-LUV	52.503, 51.999, 46.967
Hunter-Lab	45.381, 13.563, 26.32
Binary	10101111, 01101111, 00100001

#af6f21
```
#af6f21 rgb(175,111,33)
```
#2161af
```
#2161af rgb(33,97,175)
```

Complementary Color

#af2821
```
#af2821 rgb(175,40,33)
```
#af6f21
```
#af6f21 rgb(175,111,33)
```
#a8af21
```
#a8af21 rgb(168,175,33)
```

Analogous Color

#2821af
```
#2821af rgb(40,33,175)
```
#af6f21
```
#af6f21 rgb(175,111,33)
```
#21a8af
```
#21a8af rgb(33,168,175)
```

Split Complementary Color

#6f21af
```
#6f21af rgb(111,33,175)
```
#af6f21
```
#af6f21 rgb(175,111,33)
```
#21af6f
```
#21af6f rgb(33,175,111)
```

Triadic Color

#af2161
```
#af2161 rgb(175,33,97)
```
#af6f21
```
#af6f21 rgb(175,111,33)
```
#21af6f
```
#21af6f rgb(33,175,111)
```
#2161af
```
#2161af rgb(33,97,175)
```

Tetradic Color

#6f4615
```
#6f4615 rgb(111,70,21)
```
#845419
```
#845419 rgb(132,84,25)
```
#9a611d
```
#9a611d rgb(154,97,29)
```
#af6f21
```
#af6f21 rgb(175,111,33)
```
#c47d25
```
#c47d25 rgb(196,125,37)
```
#d78a2c
```
#d78a2c rgb(215,138,44)
```
#db9641
```
#db9641 rgb(219,150,65)
```

Monochromatic Color

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

#af4b21
```
#af4b21 rgb(175,75,33)
```
#af5721
```
#af5721 rgb(175,87,33)
```
#af6321
```
#af6321 rgb(175,99,33)
```
#af6f21
```
#af6f21 rgb(175,111,33)
```
#af7b21
```
#af7b21 rgb(175,123,33)
```
#af8721
```
#af8721 rgb(175,135,33)
```
#af9321
```
#af9321 rgb(175,147,33)
```

Similar Colors

Text with hexadecimal color #af6f21

This text has a font color of #af6f21.

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

#af6f21 background color

This paragraph has a background color of #af6f21.

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

#af6f21 border color

This element has a border color of #af6f21.

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

CSS codes

.text {color:#af6f21;}

.background {background-color:#af6f21;}

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

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)
```
#2b1b08
```
#2b1b08 rgb(43,27,8)
```
#3b260b
```
#3b260b rgb(59,38,11)
```
#4c300e
```
#4c300e rgb(76,48,14)
```
#5c3b11
```
#5c3b11 rgb(92,59,17)
```
#6d4515
```
#6d4515 rgb(109,69,21)
```
#7d5018
```
#7d5018 rgb(125,80,24)
```
#8e5a1b
```
#8e5a1b rgb(142,90,27)
```
#9e651e
```
#9e651e rgb(158,101,30)
```
#af6f21
```
#af6f21 rgb(175,111,33)
```
#c07924
```
#c07924 rgb(192,121,36)
```
#d08427
```
#d08427 rgb(208,132,39)
```

Shade Color Variation

#d88e32
```
#d88e32 rgb(216,142,50)
```
#dc9743
```
#dc9743 rgb(220,151,67)
```
#dfa053
```
#dfa053 rgb(223,160,83)
```
#e2a964
```
#e2a964 rgb(226,169,100)
```
#e5b274
```
#e5b274 rgb(229,178,116)
```
#e8bb85
```
#e8bb85 rgb(232,187,133)
```
#ebc495
```
#ebc495 rgb(235,196,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 #cf7201 is the most saturated one.

#6f6961
```
#6f6961 rgb(111,105,97)
```
#776959
```
#776959 rgb(119,105,89)
```
#7f6a51
```
#7f6a51 rgb(127,106,81)
```
#876b49
```
#876b49 rgb(135,107,73)
```
#8f6c41
```
#8f6c41 rgb(143,108,65)
```
#976d39
```
#976d39 rgb(151,109,57)
```
#9f6d31
```
#9f6d31 rgb(159,109,49)
```
#a76e29
```
#a76e29 rgb(167,110,41)
```
#af6f21
```
#af6f21 rgb(175,111,33)
```
#b77019
```
#b77019 rgb(183,112,25)
```
#bf7111
```
#bf7111 rgb(191,113,17)
```
#c77109
```
#c77109 rgb(199,113,9)
```
#cf7201
```
#cf7201 rgb(207,114,1)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#847767 Atypical Achromatopsia 0.001% of the population

Dichromacy

#938430 Protanopia 1% of men
#a47d29 Deuteranopia 1% of men
#b76f76 Tritanopia 0.001% of the population

Trichromacy

#9d7c2a Protanomaly 1% of men, 0.01% of women
#a87826 Deuteranomaly 6% of men, 0.4% of women
#b46f57 Tritanomaly 0.01% of the population

#af6f21 hex color

#af6f21 Color Information

#af6f21 Color Conversion

Color Schemes with #af6f21

Alternatives to #af6f21

#af6f21 Preview

Shades and Tints of #af6f21

Tones of #af6f21

Color Blindness Simulator