#af522c hex color

In a RGB color space, hex #af522c is composed of 68.6% red, 32.2% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.1% magenta, 74.9% yellow and 31.4% black. It has a hue angle of 17.4 degrees, a saturation of 59.8% and a lightness of 42.9%. #af522c color hex could be obtained by blending #ffa458 with #5f0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #af522c has RGB values of R:175, G:82, B:44 and CMYK values of C:0, M:0.53, Y:0.75, K:0.31. Its decimal value is 11489836.

Hex triplet	af522c	`#af522c`
RGB Decimal	175, 82, 44	`rgb(175,82,44)`
RGB Percent	68.6, 32.2, 17.3	`rgb(68.6%,32.2%,17.3%)`
CMYK	0, 53, 75, 31
HSL	17.4°, 59.8, 42.9	`hsl(17.4,59.8%,42.9%)`
HSV (or HSB)	17.4°, 74.9, 68.6
Web Safe	996633	`#996633`

CIE-LAB	46.086, 35.386, 39.317
XYZ	21.152, 15.332, 4.228
xyY	0.52, 0.377, 15.332
CIE-LCH	46.086, 52.896, 48.013
CIE-LUV	46.086, 73.607, 32.778
Hunter-Lab	39.157, 27.899, 21.007
Binary	10101111, 01010010, 00101100

#af522c
```
#af522c rgb(175,82,44)
```
#2c89af
```
#2c89af rgb(44,137,175)
```

Complementary Color

#af2c48
```
#af2c48 rgb(175,44,72)
```
#af522c
```
#af522c rgb(175,82,44)
```
#af942c
```
#af942c rgb(175,148,44)
```

Analogous Color

#2c48af
```
#2c48af rgb(44,72,175)
```
#af522c
```
#af522c rgb(175,82,44)
```
#2caf94
```
#2caf94 rgb(44,175,148)
```

Split Complementary Color

#522caf
```
#522caf rgb(82,44,175)
```
#af522c
```
#af522c rgb(175,82,44)
```
#2caf52
```
#2caf52 rgb(44,175,82)
```

Triadic Color

#af2c89
```
#af2c89 rgb(175,44,137)
```
#af522c
```
#af522c rgb(175,82,44)
```
#2caf52
```
#2caf52 rgb(44,175,82)
```
#2c89af
```
#2c89af rgb(44,137,175)
```

Tetradic Color

#72351d
```
#72351d rgb(114,53,29)
```
#863f22
```
#863f22 rgb(134,63,34)
```
#9b4827
```
#9b4827 rgb(155,72,39)
```
#af522c
```
#af522c rgb(175,82,44)
```
#c35c31
```
#c35c31 rgb(195,92,49)
```
#cf693f
```
#cf693f rgb(207,105,63)
```
#d47954
```
#d47954 rgb(212,121,84)
```

Monochromatic Color

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

#af312c
```
#af312c rgb(175,49,44)
```
#af3c2c
```
#af3c2c rgb(175,60,44)
```
#af472c
```
#af472c rgb(175,71,44)
```
#af522c
```
#af522c rgb(175,82,44)
```
#af5d2c
```
#af5d2c rgb(175,93,44)
```
#af682c
```
#af682c rgb(175,104,44)
```
#af732c
```
#af732c rgb(175,115,44)
```

Similar Colors

Text with hexadecimal color #af522c

This text has a font color of #af522c.

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

#af522c background color

This paragraph has a background color of #af522c.

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

#af522c border color

This element has a border color of #af522c.

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

CSS codes

.text {color:#af522c;}

.background {background-color:#af522c;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#120905
```
#120905 rgb(18,9,5)
```
#221009
```
#221009 rgb(34,16,9)
```
#32170c
```
#32170c rgb(50,23,12)
```
#411f10
```
#411f10 rgb(65,31,16)
```
#512614
```
#512614 rgb(81,38,20)
```
#612d18
```
#612d18 rgb(97,45,24)
```
#70351c
```
#70351c rgb(112,53,28)
```
#803c20
```
#803c20 rgb(128,60,32)
```
#904324
```
#904324 rgb(144,67,36)
```
#9f4b28
```
#9f4b28 rgb(159,75,40)
```
#af522c
```
#af522c rgb(175,82,44)
```
#bf5930
```
#bf5930 rgb(191,89,48)
```

Shade Color Variation

#cc6236
```
#cc6236 rgb(204,98,54)
```
#d06e45
```
#d06e45 rgb(208,110,69)
```
#d47a55
```
#d47a55 rgb(212,122,85)
```
#d88665
```
#d88665 rgb(216,134,101)
```
#dc9375
```
#dc9375 rgb(220,147,117)
```
#e09f84
```
#e09f84 rgb(224,159,132)
```
#e4ab94
```
#e4ab94 rgb(228,171,148)
```
#e8b7a4
```
#e8b7a4 rgb(232,183,164)
```
#ecc4b3
```
#ecc4b3 rgb(236,196,179)
```
#f0d0c3
```
#f0d0c3 rgb(240,208,195)
```
#f4dcd3
```
#f4dcd3 rgb(244,220,211)
```
#f8e8e2
```
#f8e8e2 rgb(248,232,226)
```
#fcf5f2
```
#fcf5f2 rgb(252,245,242)
```

Tint Color Variation

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

#746b67
```
#746b67 rgb(116,107,103)
```
#7c675f
```
#7c675f rgb(124,103,95)
```
#856456
```
#856456 rgb(133,100,86)
```
#8d604e
```
#8d604e rgb(141,96,78)
```
#965d45
```
#965d45 rgb(150,93,69)
```
#9e593d
```
#9e593d rgb(158,89,61)
```
#a75634
```
#a75634 rgb(167,86,52)
```
#af522c
```
#af522c rgb(175,82,44)
```
#b74e24
```
#b74e24 rgb(183,78,36)
```
#c04b1b
```
#c04b1b rgb(192,75,27)
```
#c84713
```
#c84713 rgb(200,71,19)
```
#d1440a
```
#d1440a rgb(209,68,10)
```
#d94002
```
#d94002 rgb(217,64,2)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#77645d Atypical Achromatopsia 0.001% of the population

Dichromacy

#80743e Protanopia 1% of men
#906f30 Deuteranopia 1% of men
#b5565b Tritanopia 0.001% of the population

Trichromacy

#916837 Protanomaly 1% of men, 0.01% of women
#9b642f Deuteranomaly 6% of men, 0.4% of women
#b2544a Tritanomaly 0.01% of the population

#af522c hex color

#af522c Color Information

#af522c Color Conversion

Color Schemes with #af522c

Alternatives to #af522c

#af522c Preview

Shades and Tints of #af522c

Tones of #af522c

Color Blindness Simulator