#af5322 hex color

In a RGB color space, hex #af5322 is composed of 68.6% red, 32.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.6% magenta, 80.6% yellow and 31.4% black. It has a hue angle of 20.9 degrees, a saturation of 67.5% and a lightness of 41%. #af5322 color hex could be obtained by blending #ffa644 with #5f0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #af5322 has RGB values of R:175, G:83, B:34 and CMYK values of C:0, M:0.53, Y:0.81, K:0.31. Its decimal value is 11490082.

Hex triplet	af5322	`#af5322`
RGB Decimal	175, 83, 34	`rgb(175,83,34)`
RGB Percent	68.6, 32.5, 13.3	`rgb(68.6%,32.5%,13.3%)`
CMYK	0, 53, 81, 31
HSL	20.9°, 67.5, 41	`hsl(20.9,67.5%,41%)`
HSV (or HSB)	20.9°, 80.6, 68.6
Web Safe	996633	`#996633`

CIE-LAB	46.201, 34.459, 44.387
XYZ	21.062, 15.418, 3.38
xyY	0.528, 0.387, 15.418
CIE-LCH	46.201, 56.192, 52.177
CIE-LUV	46.201, 73.959, 36.239
Hunter-Lab	39.266, 27.032, 22.382
Binary	10101111, 01010011, 00100010

#af5322
```
#af5322 rgb(175,83,34)
```
#227eaf
```
#227eaf rgb(34,126,175)
```

Complementary Color

#af2237
```
#af2237 rgb(175,34,55)
```
#af5322
```
#af5322 rgb(175,83,34)
```
#af9a22
```
#af9a22 rgb(175,154,34)
```

Analogous Color

#2238af
```
#2238af rgb(34,56,175)
```
#af5322
```
#af5322 rgb(175,83,34)
```
#22af9a
```
#22af9a rgb(34,175,154)
```

Split Complementary Color

#5322af
```
#5322af rgb(83,34,175)
```
#af5322
```
#af5322 rgb(175,83,34)
```
#22af53
```
#22af53 rgb(34,175,83)
```

Triadic Color

#af227e
```
#af227e rgb(175,34,126)
```
#af5322
```
#af5322 rgb(175,83,34)
```
#22af53
```
#22af53 rgb(34,175,83)
```
#227eaf
```
#227eaf rgb(34,126,175)
```

Tetradic Color

#6f3516
```
#6f3516 rgb(111,53,22)
```
#843f1a
```
#843f1a rgb(132,63,26)
```
#9a491e
```
#9a491e rgb(154,73,30)
```
#af5322
```
#af5322 rgb(175,83,34)
```
#c45d26
```
#c45d26 rgb(196,93,38)
```
#d6682e
```
#d6682e rgb(214,104,46)
```
#da7843
```
#da7843 rgb(218,120,67)
```

Monochromatic Color

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

#af3022
```
#af3022 rgb(175,48,34)
```
#af3b22
```
#af3b22 rgb(175,59,34)
```
#af4722
```
#af4722 rgb(175,71,34)
```
#af5322
```
#af5322 rgb(175,83,34)
```
#af5f22
```
#af5f22 rgb(175,95,34)
```
#af6b22
```
#af6b22 rgb(175,107,34)
```
#af7622
```
#af7622 rgb(175,118,34)
```

Similar Colors

Text with hexadecimal color #af5322

This text has a font color of #af5322.

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

#af5322 background color

This paragraph has a background color of #af5322.

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

#af5322 border color

This element has a border color of #af5322.

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

CSS codes

.text {color:#af5322;}

.background {background-color:#af5322;}

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

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

#0b0502
```
#0b0502 rgb(11,5,2)
```
#1b0d05
```
#1b0d05 rgb(27,13,5)
```
#2c1508
```
#2c1508 rgb(44,21,8)
```
#3c1c0c
```
#3c1c0c rgb(60,28,12)
```
#4c240f
```
#4c240f rgb(76,36,15)
```
#5d2c12
```
#5d2c12 rgb(93,44,18)
```
#6d3415
```
#6d3415 rgb(109,52,21)
```
#7e3c18
```
#7e3c18 rgb(126,60,24)
```
#8e431c
```
#8e431c rgb(142,67,28)
```
#9f4b1f
```
#9f4b1f rgb(159,75,31)
```
#af5322
```
#af5322 rgb(175,83,34)
```
#bf5b25
```
#bf5b25 rgb(191,91,37)
```
#d06328
```
#d06328 rgb(208,99,40)
```

Shade Color Variation

#d86d34
```
#d86d34 rgb(216,109,52)
```
#db7945
```
#db7945 rgb(219,121,69)
```
#de8555
```
#de8555 rgb(222,133,85)
```
#e19066
```
#e19066 rgb(225,144,102)
```
#e49c76
```
#e49c76 rgb(228,156,118)
```
#e8a886
```
#e8a886 rgb(232,168,134)
```
#ebb497
```
#ebb497 rgb(235,180,151)
```
#eec0a7
```
#eec0a7 rgb(238,192,167)
```
#f1ccb8
```
#f1ccb8 rgb(241,204,184)
```
#f4d7c8
```
#f4d7c8 rgb(244,215,200)
```
#f8e3d8
```
#f8e3d8 rgb(248,227,216)
```
#fbefe9
```
#fbefe9 rgb(251,239,233)
```
#fefbf9
```
#fefbf9 rgb(254,251,249)
```

Tint Color Variation

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

#6f6762
```
#6f6762 rgb(111,103,98)
```
#77645a
```
#77645a rgb(119,100,90)
```
#7f6252
```
#7f6252 rgb(127,98,82)
```
#875f4a
```
#875f4a rgb(135,95,74)
```
#8f5d42
```
#8f5d42 rgb(143,93,66)
```
#975a3a
```
#975a3a rgb(151,90,58)
```
#9f5832
```
#9f5832 rgb(159,88,50)
```
#a7552a
```
#a7552a rgb(167,85,42)
```
#af5322
```
#af5322 rgb(175,83,34)
```
#b7511a
```
#b7511a rgb(183,81,26)
```
#bf4e12
```
#bf4e12 rgb(191,78,18)
```
#c74c0a
```
#c74c0a rgb(199,76,10)
```
#cf4902
```
#cf4902 rgb(207,73,2)
```

Tone Color Variation

Below, you can see how #af5322 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
#77655b Atypical Achromatopsia 0.001% of the population

Dichromacy

#817534 Protanopia 1% of men
#916f26 Deuteranopia 1% of men
#b5565c Tritanopia 0.001% of the population

Trichromacy

#92682d Protanomaly 1% of men, 0.01% of women
#9c6524 Deuteranomaly 6% of men, 0.4% of women
#b35547 Tritanomaly 0.01% of the population

#af5322 hex color

#af5322 Color Information

#af5322 Color Conversion

Color Schemes with #af5322

Alternatives to #af5322

#af5322 Preview

Shades and Tints of #af5322

Tones of #af5322

Color Blindness Simulator