#af521d hex color

In a RGB color space, hex #af521d is composed of 68.6% red, 32.2% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.1% magenta, 83.4% yellow and 31.4% black. It has a hue angle of 21.8 degrees, a saturation of 71.6% and a lightness of 40%. #af521d color hex could be obtained by blending #ffa43a with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 32
- B 11
RGB color chart
- C 0
- M 53
- Y 83
- K 31
CMYK color chart

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

The hexadecimal color #af521d has RGB values of R:175, G:82, B:29 and CMYK values of C:0, M:0.53, Y:0.83, K:0.31. Its decimal value is 11489821.

Hex triplet	af521d	`#af521d`
RGB Decimal	175, 82, 29	`rgb(175,82,29)`
RGB Percent	68.6, 32.2, 11.4	`rgb(68.6%,32.2%,11.4%)`
CMYK	0, 53, 83, 31
HSL	21.8°, 71.6, 40	`hsl(21.8,71.6%,40%)`
HSV (or HSB)	21.8°, 83.4, 68.6
Web Safe	996633	`#996633`

CIE-LAB	45.96, 34.813, 46.406
XYZ	20.919, 15.239, 3.002
xyY	0.534, 0.389, 15.239
CIE-LCH	45.96, 58.013, 53.124
CIE-LUV	45.96, 75.188, 37.168
Hunter-Lab	39.038, 27.337, 22.766
Binary	10101111, 01010010, 00011101

#af521d
```
#af521d rgb(175,82,29)
```
#1d7aaf
```
#1d7aaf rgb(29,122,175)
```

Complementary Color

#af1d31
```
#af1d31 rgb(175,29,49)
```
#af521d
```
#af521d rgb(175,82,29)
```
#af9b1d
```
#af9b1d rgb(175,155,29)
```

Analogous Color

#1d31af
```
#1d31af rgb(29,49,175)
```
#af521d
```
#af521d rgb(175,82,29)
```
#1daf9b
```
#1daf9b rgb(29,175,155)
```

Split Complementary Color

#521daf
```
#521daf rgb(82,29,175)
```
#af521d
```
#af521d rgb(175,82,29)
```
#1daf52
```
#1daf52 rgb(29,175,82)
```

Triadic Color

#af1d7a
```
#af1d7a rgb(175,29,122)
```
#af521d
```
#af521d rgb(175,82,29)
```
#1daf52
```
#1daf52 rgb(29,175,82)
```
#1d7aaf
```
#1d7aaf rgb(29,122,175)
```

Tetradic Color

#6d3312
```
#6d3312 rgb(109,51,18)
```
#833e16
```
#833e16 rgb(131,62,22)
```
#994819
```
#994819 rgb(153,72,25)
```
#af521d
```
#af521d rgb(175,82,29)
```
#c55c21
```
#c55c21 rgb(197,92,33)
```
#db6724
```
#db6724 rgb(219,103,36)
```
#de763a
```
#de763a rgb(222,118,58)
```

Monochromatic Color

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

#af2e1d
```
#af2e1d rgb(175,46,29)
```
#af3a1d
```
#af3a1d rgb(175,58,29)
```
#af461d
```
#af461d rgb(175,70,29)
```
#af521d
```
#af521d rgb(175,82,29)
```
#af5e1d
```
#af5e1d rgb(175,94,29)
```
#af6a1d
```
#af6a1d rgb(175,106,29)
```
#af771d
```
#af771d rgb(175,119,29)
```

Similar Colors

Text with hexadecimal color #af521d

This text has a font color of #af521d.

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

#af521d background color

This paragraph has a background color of #af521d.

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

#af521d border color

This element has a border color of #af521d.

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

CSS codes

.text {color:#af521d;}

.background {background-color:#af521d;}

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

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

#070301
```
#070301 rgb(7,3,1)
```
#180b04
```
#180b04 rgb(24,11,4)
```
#281307
```
#281307 rgb(40,19,7)
```
#391b09
```
#391b09 rgb(57,27,9)
```
#4a230c
```
#4a230c rgb(74,35,12)
```
#5b2b0f
```
#5b2b0f rgb(91,43,15)
```
#6c3212
```
#6c3212 rgb(108,50,18)
```
#7d3a15
```
#7d3a15 rgb(125,58,21)
```
#8d4217
```
#8d4217 rgb(141,66,23)
```
#9e4a1a
```
#9e4a1a rgb(158,74,26)
```
#af521d
```
#af521d rgb(175,82,29)
```
#c05a20
```
#c05a20 rgb(192,90,32)
```
#d16223
```
#d16223 rgb(209,98,35)
```

Shade Color Variation

#dc6b2b
```
#dc6b2b rgb(220,107,43)
```
#df773c
```
#df773c rgb(223,119,60)
```
#e1834d
```
#e1834d rgb(225,131,77)
```
#e48e5d
```
#e48e5d rgb(228,142,93)
```
#e79a6e
```
#e79a6e rgb(231,154,110)
```
#eaa67f
```
#eaa67f rgb(234,166,127)
```
#edb290
```
#edb290 rgb(237,178,144)
```
#efbda1
```
#efbda1 rgb(239,189,161)
```
#f2c9b2
```
#f2c9b2 rgb(242,201,178)
```
#f5d5c2
```
#f5d5c2 rgb(245,213,194)
```
#f8e1d3
```
#f8e1d3 rgb(248,225,211)
```
#fbece4
```
#fbece4 rgb(251,236,228)
```
#fdf8f5
```
#fdf8f5 rgb(253,248,245)
```

Tint Color Variation

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

#686564
```
#686564 rgb(104,101,100)
```
#70635c
```
#70635c rgb(112,99,92)
```
#786154
```
#786154 rgb(120,97,84)
```
#805f4c
```
#805f4c rgb(128,95,76)
```
#885d44
```
#885d44 rgb(136,93,68)
```
#905b3c
```
#905b3c rgb(144,91,60)
```
#975835
```
#975835 rgb(151,88,53)
```
#9f562d
```
#9f562d rgb(159,86,45)
```
#a75425
```
#a75425 rgb(167,84,37)
```
#af521d
```
#af521d rgb(175,82,29)
```
#b75015
```
#b75015 rgb(183,80,21)
```
#bf4e0d
```
#bf4e0d rgb(191,78,13)
```
#c74c05
```
#c74c05 rgb(199,76,5)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#766459 Atypical Achromatopsia 0.001% of the population

Dichromacy

#81742f Protanopia 1% of men
#916e20 Deuteranopia 1% of men
#b5555b Tritanopia 0.001% of the population

Trichromacy

#916828 Protanomaly 1% of men, 0.01% of women
#9b641f Deuteranomaly 6% of men, 0.4% of women
#b35444 Tritanomaly 0.01% of the population

#af521d hex color

#af521d Color Information

#af521d Color Conversion

Color Schemes with #af521d

Alternatives to #af521d

#af521d Preview

Shades and Tints of #af521d

Tones of #af521d

Color Blindness Simulator