#af6a21 hex color

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

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

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

The hexadecimal color #af6a21 has RGB values of R:175, G:106, B:33 and CMYK values of C:0, M:0.39, Y:0.81, K:0.31. Its decimal value is 11495969.

Hex triplet	af6a21	`#af6a21`
RGB Decimal	175, 106, 33	`rgb(175,106,33)`
RGB Percent	68.6, 41.6, 12.9	`rgb(68.6%,41.6%,12.9%)`
CMYK	0, 39, 81, 31
HSL	30.8°, 68.3, 40.8	`hsl(30.8,68.3%,40.8%)`
HSV (or HSB)	30.8°, 81.1, 68.6
Web Safe	996633	`#996633`

CIE-LAB	51.306, 21.956, 49.602
XYZ	23.108, 19.534, 3.992
xyY	0.496, 0.419, 19.534
CIE-LCH	51.306, 54.244, 66.124
CIE-LUV	51.306, 55.955, 45.022
Hunter-Lab	44.197, 15.985, 25.582
Binary	10101111, 01101010, 00100001

#af6a21
```
#af6a21 rgb(175,106,33)
```
#2166af
```
#2166af rgb(33,102,175)
```

Complementary Color

#af2321
```
#af2321 rgb(175,35,33)
```
#af6a21
```
#af6a21 rgb(175,106,33)
```
#adaf21
```
#adaf21 rgb(173,175,33)
```

Analogous Color

#2321af
```
#2321af rgb(35,33,175)
```
#af6a21
```
#af6a21 rgb(175,106,33)
```
#21adaf
```
#21adaf rgb(33,173,175)
```

Split Complementary Color

#6a21af
```
#6a21af rgb(106,33,175)
```
#af6a21
```
#af6a21 rgb(175,106,33)
```
#21af6a
```
#21af6a rgb(33,175,106)
```

Triadic Color

#af2166
```
#af2166 rgb(175,33,102)
```
#af6a21
```
#af6a21 rgb(175,106,33)
```
#21af6a
```
#21af6a rgb(33,175,106)
```
#2166af
```
#2166af rgb(33,102,175)
```

Tetradic Color

#6f4315
```
#6f4315 rgb(111,67,21)
```
#845019
```
#845019 rgb(132,80,25)
```
#9a5d1d
```
#9a5d1d rgb(154,93,29)
```
#af6a21
```
#af6a21 rgb(175,106,33)
```
#c47725
```
#c47725 rgb(196,119,37)
```
#d7842c
```
#d7842c rgb(215,132,44)
```
#db9041
```
#db9041 rgb(219,144,65)
```

Monochromatic Color

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

#af4721
```
#af4721 rgb(175,71,33)
```
#af5221
```
#af5221 rgb(175,82,33)
```
#af5e21
```
#af5e21 rgb(175,94,33)
```
#af6a21
```
#af6a21 rgb(175,106,33)
```
#af7621
```
#af7621 rgb(175,118,33)
```
#af8221
```
#af8221 rgb(175,130,33)
```
#af8e21
```
#af8e21 rgb(175,142,33)
```

Similar Colors

Text with hexadecimal color #af6a21

This text has a font color of #af6a21.

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

#af6a21 background color

This paragraph has a background color of #af6a21.

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

#af6a21 border color

This element has a border color of #af6a21.

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

CSS codes

.text {color:#af6a21;}

.background {background-color:#af6a21;}

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

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)
```
#1a1005
```
#1a1005 rgb(26,16,5)
```
#2b1a08
```
#2b1a08 rgb(43,26,8)
```
#3b240b
```
#3b240b rgb(59,36,11)
```
#4c2e0e
```
#4c2e0e rgb(76,46,14)
```
#5c3811
```
#5c3811 rgb(92,56,17)
```
#6d4215
```
#6d4215 rgb(109,66,21)
```
#7d4c18
```
#7d4c18 rgb(125,76,24)
```
#8e561b
```
#8e561b rgb(142,86,27)
```
#9e601e
```
#9e601e rgb(158,96,30)
```
#af6a21
```
#af6a21 rgb(175,106,33)
```
#c07424
```
#c07424 rgb(192,116,36)
```
#d07e27
```
#d07e27 rgb(208,126,39)
```

Shade Color Variation

#d88832
```
#d88832 rgb(216,136,50)
```
#dc9143
```
#dc9143 rgb(220,145,67)
```
#df9b53
```
#df9b53 rgb(223,155,83)
```
#e2a564
```
#e2a564 rgb(226,165,100)
```
#e5ae74
```
#e5ae74 rgb(229,174,116)
```
#e8b885
```
#e8b885 rgb(232,184,133)
```
#ebc195
```
#ebc195 rgb(235,193,149)
```
#eecba6
```
#eecba6 rgb(238,203,166)
```
#f1d5b6
```
#f1d5b6 rgb(241,213,182)
```
#f4dec7
```
#f4dec7 rgb(244,222,199)
```
#f8e8d7
```
#f8e8d7 rgb(248,232,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, #6f6861 is the less saturated color, while #cf6b01 is the most saturated one.

#6f6861
```
#6f6861 rgb(111,104,97)
```
#776859
```
#776859 rgb(119,104,89)
```
#7f6951
```
#7f6951 rgb(127,105,81)
```
#876949
```
#876949 rgb(135,105,73)
```
#8f6941
```
#8f6941 rgb(143,105,65)
```
#976939
```
#976939 rgb(151,105,57)
```
#9f6a31
```
#9f6a31 rgb(159,106,49)
```
#a76a29
```
#a76a29 rgb(167,106,41)
```
#af6a21
```
#af6a21 rgb(175,106,33)
```
#b76a19
```
#b76a19 rgb(183,106,25)
```
#bf6a11
```
#bf6a11 rgb(191,106,17)
```
#c76b09
```
#c76b09 rgb(199,107,9)
```
#cf6b01
```
#cf6b01 rgb(207,107,1)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#817465 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8130 Protanopia 1% of men
#a07b28 Deuteranopia 1% of men
#b76a72 Tritanopia 0.001% of the population

Trichromacy

#9b782a Protanomaly 1% of men, 0.01% of women
#a57425 Deuteranomaly 6% of men, 0.4% of women
#b46a54 Tritanomaly 0.01% of the population

#af6a21 hex color

#af6a21 Color Information

#af6a21 Color Conversion

Color Schemes with #af6a21

Alternatives to #af6a21

#af6a21 Preview

Shades and Tints of #af6a21

Tones of #af6a21

Color Blindness Simulator