#af5222 hex color

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

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

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

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

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

CIE-LAB	45.996, 34.978, 44.191
XYZ	20.986, 15.266, 3.355
xyY	0.53, 0.385, 15.266
CIE-LCH	45.996, 56.358, 51.637
CIE-LUV	45.996, 74.727, 35.889
Hunter-Lab	39.072, 27.499, 22.259
Binary	10101111, 01010010, 00100010

#af5222
```
#af5222 rgb(175,82,34)
```
#227faf
```
#227faf rgb(34,127,175)
```

Complementary Color

#af2239
```
#af2239 rgb(175,34,57)
```
#af5222
```
#af5222 rgb(175,82,34)
```
#af9922
```
#af9922 rgb(175,153,34)
```

Analogous Color

#2239af
```
#2239af rgb(34,57,175)
```
#af5222
```
#af5222 rgb(175,82,34)
```
#22af99
```
#22af99 rgb(34,175,153)
```

Split Complementary Color

#5222af
```
#5222af rgb(82,34,175)
```
#af5222
```
#af5222 rgb(175,82,34)
```
#22af52
```
#22af52 rgb(34,175,82)
```

Triadic Color

#af227f
```
#af227f rgb(175,34,127)
```
#af5222
```
#af5222 rgb(175,82,34)
```
#22af52
```
#22af52 rgb(34,175,82)
```
#227faf
```
#227faf rgb(34,127,175)
```

Tetradic Color

#6f3416
```
#6f3416 rgb(111,52,22)
```
#843e1a
```
#843e1a rgb(132,62,26)
```
#9a481e
```
#9a481e rgb(154,72,30)
```
#af5222
```
#af5222 rgb(175,82,34)
```
#c45c26
```
#c45c26 rgb(196,92,38)
```
#d6672e
```
#d6672e rgb(214,103,46)
```
#da7743
```
#da7743 rgb(218,119,67)
```

Monochromatic Color

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

#af2f22
```
#af2f22 rgb(175,47,34)
```
#af3b22
```
#af3b22 rgb(175,59,34)
```
#af4622
```
#af4622 rgb(175,70,34)
```
#af5222
```
#af5222 rgb(175,82,34)
```
#af5e22
```
#af5e22 rgb(175,94,34)
```
#af6a22
```
#af6a22 rgb(175,106,34)
```
#af7522
```
#af7522 rgb(175,117,34)
```

Similar Colors

Text with hexadecimal color #af5222

This text has a font color of #af5222.

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

#af5222 background color

This paragraph has a background color of #af5222.

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

#af5222 border color

This element has a border color of #af5222.

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

CSS codes

.text {color:#af5222;}

.background {background-color:#af5222;}

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

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)
```
#2c1408
```
#2c1408 rgb(44,20,8)
```
#3c1c0c
```
#3c1c0c rgb(60,28,12)
```
#4c240f
```
#4c240f rgb(76,36,15)
```
#5d2c12
```
#5d2c12 rgb(93,44,18)
```
#6d3315
```
#6d3315 rgb(109,51,21)
```
#7e3b18
```
#7e3b18 rgb(126,59,24)
```
#8e431c
```
#8e431c rgb(142,67,28)
```
#9f4a1f
```
#9f4a1f rgb(159,74,31)
```
#af5222
```
#af5222 rgb(175,82,34)
```
#bf5a25
```
#bf5a25 rgb(191,90,37)
```
#d06128
```
#d06128 rgb(208,97,40)
```

Shade Color Variation

#d86c34
```
#d86c34 rgb(216,108,52)
```
#db7845
```
#db7845 rgb(219,120,69)
```
#de8455
```
#de8455 rgb(222,132,85)
```
#e19066
```
#e19066 rgb(225,144,102)
```
#e49c76
```
#e49c76 rgb(228,156,118)
```
#e8a786
```
#e8a786 rgb(232,167,134)
```
#ebb397
```
#ebb397 rgb(235,179,151)
```
#eebfa7
```
#eebfa7 rgb(238,191,167)
```
#f1cbb8
```
#f1cbb8 rgb(241,203,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 #cf4802 is the most saturated one.

#6f6762
```
#6f6762 rgb(111,103,98)
```
#77645a
```
#77645a rgb(119,100,90)
```
#7f6152
```
#7f6152 rgb(127,97,82)
```
#875f4a
```
#875f4a rgb(135,95,74)
```
#8f5c42
```
#8f5c42 rgb(143,92,66)
```
#975a3a
```
#975a3a rgb(151,90,58)
```
#9f5732
```
#9f5732 rgb(159,87,50)
```
#a7552a
```
#a7552a rgb(167,85,42)
```
#af5222
```
#af5222 rgb(175,82,34)
```
#b74f1a
```
#b74f1a rgb(183,79,26)
```
#bf4d12
```
#bf4d12 rgb(191,77,18)
```
#c74a0a
```
#c74a0a rgb(199,74,10)
```
#cf4802
```
#cf4802 rgb(207,72,2)
```

Tone Color Variation

Below, you can see how #af5222 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
#76645a Atypical Achromatopsia 0.001% of the population

Dichromacy

#817434 Protanopia 1% of men
#906f26 Deuteranopia 1% of men
#b5565b Tritanopia 0.001% of the population

Trichromacy

#91682d Protanomaly 1% of men, 0.01% of women
#9b6424 Deuteranomaly 6% of men, 0.4% of women
#b25446 Tritanomaly 0.01% of the population

#af5222 hex color

#af5222 Color Information

#af5222 Color Conversion

Color Schemes with #af5222

Alternatives to #af5222

#af5222 Preview

Shades and Tints of #af5222

Tones of #af5222

Color Blindness Simulator