#af5631 hex color

In a RGB color space, hex #af5631 is composed of 68.6% red, 33.7% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.9% magenta, 72% yellow and 31.4% black. It has a hue angle of 17.6 degrees, a saturation of 56.3% and a lightness of 43.9%. #af5631 color hex could be obtained by blending #ffac62 with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 34
- B 19
RGB color chart
- C 0
- M 51
- Y 72
- K 31
CMYK color chart

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

The hexadecimal color #af5631 has RGB values of R:175, G:86, B:49 and CMYK values of C:0, M:0.51, Y:0.72, K:0.31. Its decimal value is 11490865.

Hex triplet	af5631	`#af5631`
RGB Decimal	175, 86, 49	`rgb(175,86,49)`
RGB Percent	68.6, 33.7, 19.2	`rgb(68.6%,33.7%,19.2%)`
CMYK	0, 51, 72, 31
HSL	17.6°, 56.3, 43.9	`hsl(17.6,56.3%,43.9%)`
HSV (or HSB)	17.6°, 72, 68.6
Web Safe	996633	`#996633`

CIE-LAB	46.966, 33.541, 37.631
XYZ	21.562, 15.993, 4.857
xyY	0.508, 0.377, 15.993
CIE-LCH	46.966, 50.409, 48.289
CIE-LUV	46.966, 69.98, 32.434
Hunter-Lab	39.992, 26.256, 20.793
Binary	10101111, 01010110, 00110001

#af5631
```
#af5631 rgb(175,86,49)
```
#318aaf
```
#318aaf rgb(49,138,175)
```

Complementary Color

#af314b
```
#af314b rgb(175,49,75)
```
#af5631
```
#af5631 rgb(175,86,49)
```
#af9531
```
#af9531 rgb(175,149,49)
```

Analogous Color

#314baf
```
#314baf rgb(49,75,175)
```
#af5631
```
#af5631 rgb(175,86,49)
```
#31af95
```
#31af95 rgb(49,175,149)
```

Split Complementary Color

#5631af
```
#5631af rgb(86,49,175)
```
#af5631
```
#af5631 rgb(175,86,49)
```
#31af56
```
#31af56 rgb(49,175,86)
```

Triadic Color

#af318a
```
#af318a rgb(175,49,138)
```
#af5631
```
#af5631 rgb(175,86,49)
```
#31af56
```
#31af56 rgb(49,175,86)
```
#318aaf
```
#318aaf rgb(49,138,175)
```

Tetradic Color

#733920
```
#733920 rgb(115,57,32)
```
#874226
```
#874226 rgb(135,66,38)
```
#9b4c2b
```
#9b4c2b rgb(155,76,43)
```
#af5631
```
#af5631 rgb(175,86,49)
```
#c36037
```
#c36037 rgb(195,96,55)
```
#cc6e47
```
#cc6e47 rgb(204,110,71)
```
#d17e5b
```
#d17e5b rgb(209,126,91)
```

Monochromatic Color

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

#af3631
```
#af3631 rgb(175,54,49)
```
#af4131
```
#af4131 rgb(175,65,49)
```
#af4b31
```
#af4b31 rgb(175,75,49)
```
#af5631
```
#af5631 rgb(175,86,49)
```
#af6031
```
#af6031 rgb(175,96,49)
```
#af6b31
```
#af6b31 rgb(175,107,49)
```
#af7631
```
#af7631 rgb(175,118,49)
```

Similar Colors

Text with hexadecimal color #af5631

This text has a font color of #af5631.

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

#af5631 background color

This paragraph has a background color of #af5631.

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

#af5631 border color

This element has a border color of #af5631.

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

CSS codes

.text {color:#af5631;}

.background {background-color:#af5631;}

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

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

#060302
```
#060302 rgb(6,3,2)
```
#160b06
```
#160b06 rgb(22,11,6)
```
#25120a
```
#25120a rgb(37,18,10)
```
#341a0f
```
#341a0f rgb(52,26,15)
```
#442113
```
#442113 rgb(68,33,19)
```
#532917
```
#532917 rgb(83,41,23)
```
#62301c
```
#62301c rgb(98,48,28)
```
#723820
```
#723820 rgb(114,56,32)
```
#813f24
```
#813f24 rgb(129,63,36)
```
#904728
```
#904728 rgb(144,71,40)
```
#a04e2d
```
#a04e2d rgb(160,78,45)
```
#af5631
```
#af5631 rgb(175,86,49)
```
#be5e35
```
#be5e35 rgb(190,94,53)
```

Shade Color Variation

#c9673e
```
#c9673e rgb(201,103,62)
```
#cd734e
```
#cd734e rgb(205,115,78)
```
#d27f5d
```
#d27f5d rgb(210,127,93)
```
#d68b6c
```
#d68b6c rgb(214,139,108)
```
#da977c
```
#da977c rgb(218,151,124)
```
#dea38b
```
#dea38b rgb(222,163,139)
```
#e3af9a
```
#e3af9a rgb(227,175,154)
```
#e7bca9
```
#e7bca9 rgb(231,188,169)
```
#ebc8b9
```
#ebc8b9 rgb(235,200,185)
```
#f0d4c8
```
#f0d4c8 rgb(240,212,200)
```
#f4e0d7
```
#f4e0d7 rgb(244,224,215)
```
#f8ece7
```
#f8ece7 rgb(248,236,231)
```
#fdf8f6
```
#fdf8f6 rgb(253,248,246)
```

Tint Color Variation

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

#736f6d
```
#736f6d rgb(115,111,109)
```
#7b6b65
```
#7b6b65 rgb(123,107,101)
```
#84685c
```
#84685c rgb(132,104,92)
```
#8d6453
```
#8d6453 rgb(141,100,83)
```
#95614b
```
#95614b rgb(149,97,75)
```
#9e5d42
```
#9e5d42 rgb(158,93,66)
```
#a65a3a
```
#a65a3a rgb(166,90,58)
```
#af5631
```
#af5631 rgb(175,86,49)
```
#b85228
```
#b85228 rgb(184,82,40)
```
#c04f20
```
#c04f20 rgb(192,79,32)
```
#c94b17
```
#c94b17 rgb(201,75,23)
```
#d1480f
```
#d1480f rgb(209,72,15)
```
#da4406
```
#da4406 rgb(218,68,6)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#796860 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827643 Protanopia 1% of men
#927136 Deuteranopia 1% of men
#b55a60 Tritanopia 0.001% of the population

Trichromacy

#926a3c Protanomaly 1% of men, 0.01% of women
#9c6734 Deuteranomaly 6% of men, 0.4% of women
#b2584e Tritanomaly 0.01% of the population

#af5631 hex color

#af5631 Color Information

#af5631 Color Conversion

Color Schemes with #af5631

Alternatives to #af5631

#af5631 Preview

Shades and Tints of #af5631

Tones of #af5631

Color Blindness Simulator