#af5b31 hex color

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

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

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

The hexadecimal color #af5b31 has RGB values of R:175, G:91, B:49 and CMYK values of C:0, M:0.48, Y:0.72, K:0.31. Its decimal value is 11492145.

Hex triplet	af5b31	`#af5b31`
RGB Decimal	175, 91, 49	`rgb(175,91,49)`
RGB Percent	68.6, 35.7, 19.2	`rgb(68.6%,35.7%,19.2%)`
CMYK	0, 48, 72, 31
HSL	20°, 56.3, 43.9	`hsl(20,56.3%,43.9%)`
HSV (or HSB)	20°, 72, 68.6
Web Safe	996633	`#996633`

CIE-LAB	48.032, 30.88, 38.805
XYZ	21.975, 16.82, 4.995
xyY	0.502, 0.384, 16.82
CIE-LCH	48.032, 49.592, 51.488
CIE-LUV	48.032, 66.218, 34.342
Hunter-Lab	41.012, 23.874, 21.487
Binary	10101111, 01011011, 00110001

#af5b31
```
#af5b31 rgb(175,91,49)
```
#3185af
```
#3185af rgb(49,133,175)
```

Complementary Color

#af3146
```
#af3146 rgb(175,49,70)
```
#af5b31
```
#af5b31 rgb(175,91,49)
```
#af9a31
```
#af9a31 rgb(175,154,49)
```

Analogous Color

#3146af
```
#3146af rgb(49,70,175)
```
#af5b31
```
#af5b31 rgb(175,91,49)
```
#31af9a
```
#31af9a rgb(49,175,154)
```

Split Complementary Color

#5b31af
```
#5b31af rgb(91,49,175)
```
#af5b31
```
#af5b31 rgb(175,91,49)
```
#31af5b
```
#31af5b rgb(49,175,91)
```

Triadic Color

#af3185
```
#af3185 rgb(175,49,133)
```
#af5b31
```
#af5b31 rgb(175,91,49)
```
#31af5b
```
#31af5b rgb(49,175,91)
```
#3185af
```
#3185af rgb(49,133,175)
```

Tetradic Color

#733c20
```
#733c20 rgb(115,60,32)
```
#874626
```
#874626 rgb(135,70,38)
```
#9b512b
```
#9b512b rgb(155,81,43)
```
#af5b31
```
#af5b31 rgb(175,91,49)
```
#c36537
```
#c36537 rgb(195,101,55)
```
#cc7347
```
#cc7347 rgb(204,115,71)
```
#d1835b
```
#d1835b rgb(209,131,91)
```

Monochromatic Color

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

#af3b31
```
#af3b31 rgb(175,59,49)
```
#af4631
```
#af4631 rgb(175,70,49)
```
#af5031
```
#af5031 rgb(175,80,49)
```
#af5b31
```
#af5b31 rgb(175,91,49)
```
#af6631
```
#af6631 rgb(175,102,49)
```
#af7031
```
#af7031 rgb(175,112,49)
```
#af7b31
```
#af7b31 rgb(175,123,49)
```

Similar Colors

Text with hexadecimal color #af5b31

This text has a font color of #af5b31.

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

#af5b31 background color

This paragraph has a background color of #af5b31.

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

#af5b31 border color

This element has a border color of #af5b31.

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

CSS codes

.text {color:#af5b31;}

.background {background-color:#af5b31;}

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

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)
```
#25130a
```
#25130a rgb(37,19,10)
```
#341b0f
```
#341b0f rgb(52,27,15)
```
#442313
```
#442313 rgb(68,35,19)
```
#532b17
```
#532b17 rgb(83,43,23)
```
#62331c
```
#62331c rgb(98,51,28)
```
#723b20
```
#723b20 rgb(114,59,32)
```
#814324
```
#814324 rgb(129,67,36)
```
#904b28
```
#904b28 rgb(144,75,40)
```
#a0532d
```
#a0532d rgb(160,83,45)
```
#af5b31
```
#af5b31 rgb(175,91,49)
```
#be6335
```
#be6335 rgb(190,99,53)
```

Shade Color Variation

#c96c3e
```
#c96c3e rgb(201,108,62)
```
#cd784e
```
#cd784e rgb(205,120,78)
```
#d2845d
```
#d2845d rgb(210,132,93)
```
#d68f6c
```
#d68f6c rgb(214,143,108)
```
#da9b7c
```
#da9b7c rgb(218,155,124)
```
#dea78b
```
#dea78b rgb(222,167,139)
```
#e3b29a
```
#e3b29a rgb(227,178,154)
```
#e7bea9
```
#e7bea9 rgb(231,190,169)
```
#ebcab9
```
#ebcab9 rgb(235,202,185)
```
#f0d5c8
```
#f0d5c8 rgb(240,213,200)
```
#f4e1d7
```
#f4e1d7 rgb(244,225,215)
```
#f8ede7
```
#f8ede7 rgb(248,237,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 #da4d06 is the most saturated one.

#736f6d
```
#736f6d rgb(115,111,109)
```
#7b6c65
```
#7b6c65 rgb(123,108,101)
```
#84695c
```
#84695c rgb(132,105,92)
```
#8d6653
```
#8d6653 rgb(141,102,83)
```
#95644b
```
#95644b rgb(149,100,75)
```
#9e6142
```
#9e6142 rgb(158,97,66)
```
#a65e3a
```
#a65e3a rgb(166,94,58)
```
#af5b31
```
#af5b31 rgb(175,91,49)
```
#b85828
```
#b85828 rgb(184,88,40)
```
#c05520
```
#c05520 rgb(192,85,32)
```
#c95217
```
#c95217 rgb(201,82,23)
```
#d1500f
```
#d1500f rgb(209,80,15)
```
#da4d06
```
#da4d06 rgb(218,77,6)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7c6b63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857942 Protanopia 1% of men
#957336 Deuteranopia 1% of men
#b55e64 Tritanopia 0.001% of the population

Trichromacy

#946e3c Protanomaly 1% of men, 0.01% of women
#9e6a34 Deuteranomaly 6% of men, 0.4% of women
#b35d51 Tritanomaly 0.01% of the population

#af5b31 hex color

#af5b31 Color Information

#af5b31 Color Conversion

Color Schemes with #af5b31

Alternatives to #af5b31

#af5b31 Preview

Shades and Tints of #af5b31

Tones of #af5b31

Color Blindness Simulator