#ab5f31 hex color

In a RGB color space, hex #ab5f31 is composed of 67.1% red, 37.3% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.4% magenta, 71.3% yellow and 32.9% black. It has a hue angle of 22.6 degrees, a saturation of 55.5% and a lightness of 43.1%. #ab5f31 color hex could be obtained by blending #ffbe62 with #570000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 67
- G 37
- B 19
RGB color chart
- C 0
- M 44
- Y 71
- K 33
CMYK color chart

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

The hexadecimal color #ab5f31 has RGB values of R:171, G:95, B:49 and CMYK values of C:0, M:0.44, Y:0.71, K:0.33. Its decimal value is 11231025.

Hex triplet	ab5f31	`#ab5f31`
RGB Decimal	171, 95, 49	`rgb(171,95,49)`
RGB Percent	67.1, 37.3, 19.2	`rgb(67.1%,37.3%,19.2%)`
CMYK	0, 44, 71, 33
HSL	22.6°, 55.5, 43.1	`hsl(22.6,55.5%,43.1%)`
HSV (or HSB)	22.6°, 71.3, 67.1
Web Safe	996633	`#996633`

CIE-LAB	48.343, 27.036, 38.982
XYZ	21.442, 17.066, 5.07
xyY	0.492, 0.392, 17.066
CIE-LCH	48.343, 47.44, 55.256
CIE-LUV	48.343, 59.854, 35.517
Hunter-Lab	41.311, 20.354, 21.64
Binary	10101011, 01011111, 00110001

#ab5f31
```
#ab5f31 rgb(171,95,49)
```
#317dab
```
#317dab rgb(49,125,171)
```

Complementary Color

#ab3140
```
#ab3140 rgb(171,49,64)
```
#ab5f31
```
#ab5f31 rgb(171,95,49)
```
#ab9c31
```
#ab9c31 rgb(171,156,49)
```

Analogous Color

#3140ab
```
#3140ab rgb(49,64,171)
```
#ab5f31
```
#ab5f31 rgb(171,95,49)
```
#31ab9c
```
#31ab9c rgb(49,171,156)
```

Split Complementary Color

#5f31ab
```
#5f31ab rgb(95,49,171)
```
#ab5f31
```
#ab5f31 rgb(171,95,49)
```
#31ab5f
```
#31ab5f rgb(49,171,95)
```

Triadic Color

#ab317d
```
#ab317d rgb(171,49,125)
```
#ab5f31
```
#ab5f31 rgb(171,95,49)
```
#31ab5f
```
#31ab5f rgb(49,171,95)
```
#317dab
```
#317dab rgb(49,125,171)
```

Tetradic Color

#703e20
```
#703e20 rgb(112,62,32)
```
#834926
```
#834926 rgb(131,73,38)
```
#97542b
```
#97542b rgb(151,84,43)
```
#ab5f31
```
#ab5f31 rgb(171,95,49)
```
#bf6a37
```
#bf6a37 rgb(191,106,55)
```
#ca7745
```
#ca7745 rgb(202,119,69)
```
#cf8659
```
#cf8659 rgb(207,134,89)
```

Monochromatic Color

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

#ab4131
```
#ab4131 rgb(171,65,49)
```
#ab4b31
```
#ab4b31 rgb(171,75,49)
```
#ab5531
```
#ab5531 rgb(171,85,49)
```
#ab5f31
```
#ab5f31 rgb(171,95,49)
```
#ab6931
```
#ab6931 rgb(171,105,49)
```
#ab7331
```
#ab7331 rgb(171,115,49)
```
#ab7e31
```
#ab7e31 rgb(171,126,49)
```

Similar Colors

Text with hexadecimal color #ab5f31

This text has a font color of #ab5f31.

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

#ab5f31 background color

This paragraph has a background color of #ab5f31.

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

#ab5f31 border color

This element has a border color of #ab5f31.

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

CSS codes

.text {color:#ab5f31;}

.background {background-color:#ab5f31;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#130a05
```
#130a05 rgb(19,10,5)
```
#22130a
```
#22130a rgb(34,19,10)
```
#311b0e
```
#311b0e rgb(49,27,14)
```
#402412
```
#402412 rgb(64,36,18)
```
#502c17
```
#502c17 rgb(80,44,23)
```
#5f351b
```
#5f351b rgb(95,53,27)
```
#6e3d20
```
#6e3d20 rgb(110,61,32)
```
#7d4624
```
#7d4624 rgb(125,70,36)
```
#8d4e28
```
#8d4e28 rgb(141,78,40)
```
#9c572d
```
#9c572d rgb(156,87,45)
```
#ab5f31
```
#ab5f31 rgb(171,95,49)
```
#ba6735
```
#ba6735 rgb(186,103,53)
```

Shade Color Variation

#c7713c
```
#c7713c rgb(199,113,60)
```
#cc7c4b
```
#cc7c4b rgb(204,124,75)
```
#d0875b
```
#d0875b rgb(208,135,91)
```
#d4926a
```
#d4926a rgb(212,146,106)
```
#d99d79
```
#d99d79 rgb(217,157,121)
```
#dda888
```
#dda888 rgb(221,168,136)
```
#e1b398
```
#e1b398 rgb(225,179,152)
```
#e6bfa7
```
#e6bfa7 rgb(230,191,167)
```
#eacab6
```
#eacab6 rgb(234,202,182)
```
#eed5c5
```
#eed5c5 rgb(238,213,197)
```
#f3e0d5
```
#f3e0d5 rgb(243,224,213)
```
#f7ebe4
```
#f7ebe4 rgb(247,235,228)
```
#fcf6f3
```
#fcf6f3 rgb(252,246,243)
```

Tint Color Variation

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

#706e6c
```
#706e6c rgb(112,110,108)
```
#786b64
```
#786b64 rgb(120,107,100)
```
#81695b
```
#81695b rgb(129,105,91)
```
#896753
```
#896753 rgb(137,103,83)
```
#92654a
```
#92654a rgb(146,101,74)
```
#9a6342
```
#9a6342 rgb(154,99,66)
```
#a36139
```
#a36139 rgb(163,97,57)
```
#ab5f31
```
#ab5f31 rgb(171,95,49)
```
#b35d29
```
#b35d29 rgb(179,93,41)
```
#bc5b20
```
#bc5b20 rgb(188,91,32)
```
#c45918
```
#c45918 rgb(196,89,24)
```
#cd570f
```
#cd570f rgb(205,87,15)
```
#d55507
```
#d55507 rgb(213,85,7)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#7c6d63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867a41 Protanopia 1% of men
#967437 Deuteranopia 1% of men
#b26268 Tritanopia 0.001% of the population

Trichromacy

#93703b Protanomaly 1% of men, 0.01% of women
#9d6c35 Deuteranomaly 6% of men, 0.4% of women
#af6154 Tritanomaly 0.01% of the population

#ab5f31 hex color

#ab5f31 Color Information

#ab5f31 Color Conversion

Color Schemes with #ab5f31

Alternatives to #ab5f31

#ab5f31 Preview

Shades and Tints of #ab5f31

Tones of #ab5f31

Color Blindness Simulator