#ab5f20 hex color

In a RGB color space, hex #ab5f20 is composed of 67.1% red, 37.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.4% magenta, 81.3% yellow and 32.9% black. It has a hue angle of 27.2 degrees, a saturation of 68.5% and a lightness of 39.8%. #ab5f20 color hex could be obtained by blending #ffbe40 with #570000. Closest websafe color is: #996633.

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

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

The hexadecimal color #ab5f20 has RGB values of R:171, G:95, B:32 and CMYK values of C:0, M:0.44, Y:0.81, K:0.33. Its decimal value is 11231008.

Hex triplet	ab5f20	`#ab5f20`
RGB Decimal	171, 95, 32	`rgb(171,95,32)`
RGB Percent	67.1, 37.3, 12.5	`rgb(67.1%,37.3%,12.5%)`
CMYK	0, 44, 81, 33
HSL	27.2°, 68.5, 39.8	`hsl(27.2,68.5%,39.8%)`
HSV (or HSB)	27.2°, 81.3, 67.1
Web Safe	996633	`#996633`

CIE-LAB	48.195, 26.278, 46.944
XYZ	21.148, 16.948, 3.524
xyY	0.508, 0.407, 16.948
CIE-LCH	48.195, 53.798, 60.761
CIE-LUV	48.195, 61.397, 40.79
Hunter-Lab	41.168, 19.651, 23.743
Binary	10101011, 01011111, 00100000

#ab5f20
```
#ab5f20 rgb(171,95,32)
```
#206cab
```
#206cab rgb(32,108,171)
```

Complementary Color

#ab2027
```
#ab2027 rgb(171,32,39)
```
#ab5f20
```
#ab5f20 rgb(171,95,32)
```
#aba520
```
#aba520 rgb(171,165,32)
```

Analogous Color

#2027ab
```
#2027ab rgb(32,39,171)
```
#ab5f20
```
#ab5f20 rgb(171,95,32)
```
#20aba5
```
#20aba5 rgb(32,171,165)
```

Split Complementary Color

#5f20ab
```
#5f20ab rgb(95,32,171)
```
#ab5f20
```
#ab5f20 rgb(171,95,32)
```
#20ab5f
```
#20ab5f rgb(32,171,95)
```

Triadic Color

#ab206c
```
#ab206c rgb(171,32,108)
```
#ab5f20
```
#ab5f20 rgb(171,95,32)
```
#20ab5f
```
#20ab5f rgb(32,171,95)
```
#206cab
```
#206cab rgb(32,108,171)
```

Tetradic Color

#6b3b14
```
#6b3b14 rgb(107,59,20)
```
#804718
```
#804718 rgb(128,71,24)
```
#96531c
```
#96531c rgb(150,83,28)
```
#ab5f20
```
#ab5f20 rgb(171,95,32)
```
#c06b24
```
#c06b24 rgb(192,107,36)
```
#d67728
```
#d67728 rgb(214,119,40)
```
#db843d
```
#db843d rgb(219,132,61)
```

Monochromatic Color

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

#ab3c20
```
#ab3c20 rgb(171,60,32)
```
#ab4820
```
#ab4820 rgb(171,72,32)
```
#ab5320
```
#ab5320 rgb(171,83,32)
```
#ab5f20
```
#ab5f20 rgb(171,95,32)
```
#ab6b20
```
#ab6b20 rgb(171,107,32)
```
#ab7620
```
#ab7620 rgb(171,118,32)
```
#ab8220
```
#ab8220 rgb(171,130,32)
```

Similar Colors

Text with hexadecimal color #ab5f20

This text has a font color of #ab5f20.

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

#ab5f20 background color

This paragraph has a background color of #ab5f20.

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

#ab5f20 border color

This element has a border color of #ab5f20.

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

CSS codes

.text {color:#ab5f20;}

.background {background-color:#ab5f20;}

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

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

#060301
```
#060301 rgb(6,3,1)
```
#160c04
```
#160c04 rgb(22,12,4)
```
#271607
```
#271607 rgb(39,22,7)
```
#371f0a
```
#371f0a rgb(55,31,10)
```
#48280d
```
#48280d rgb(72,40,13)
```
#583111
```
#583111 rgb(88,49,17)
```
#693a14
```
#693a14 rgb(105,58,20)
```
#794317
```
#794317 rgb(121,67,23)
```
#8a4d1a
```
#8a4d1a rgb(138,77,26)
```
#9a561d
```
#9a561d rgb(154,86,29)
```
#ab5f20
```
#ab5f20 rgb(171,95,32)
```
#bc6823
```
#bc6823 rgb(188,104,35)
```
#cc7126
```
#cc7126 rgb(204,113,38)
```

Shade Color Variation

#d87b2e
```
#d87b2e rgb(216,123,46)
```
#db853e
```
#db853e rgb(219,133,62)
```
#de904f
```
#de904f rgb(222,144,79)
```
#e19a60
```
#e19a60 rgb(225,154,96)
```
#e4a570
```
#e4a570 rgb(228,165,112)
```
#e7af81
```
#e7af81 rgb(231,175,129)
```
#eaba91
```
#eaba91 rgb(234,186,145)
```
#eec4a2
```
#eec4a2 rgb(238,196,162)
```
#f1ceb2
```
#f1ceb2 rgb(241,206,178)
```
#f4d9c3
```
#f4d9c3 rgb(244,217,195)
```
#f7e3d3
```
#f7e3d3 rgb(247,227,211)
```
#faeee4
```
#faeee4 rgb(250,238,228)
```
#fdf8f4
```
#fdf8f4 rgb(253,248,244)
```

Tint Color Variation

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

#6d655e
```
#6d655e rgb(109,101,94)
```
#746457
```
#746457 rgb(116,100,87)
```
#7c634f
```
#7c634f rgb(124,99,79)
```
#846347
```
#846347 rgb(132,99,71)
```
#8c623f
```
#8c623f rgb(140,98,63)
```
#946137
```
#946137 rgb(148,97,55)
```
#9b6030
```
#9b6030 rgb(155,96,48)
```
#a36028
```
#a36028 rgb(163,96,40)
```
#ab5f20
```
#ab5f20 rgb(171,95,32)
```
#b35e18
```
#b35e18 rgb(179,94,24)
```
#bb5e10
```
#bb5e10 rgb(187,94,16)
```
#c25d09
```
#c25d09 rgb(194,93,9)
```
#ca5c01
```
#ca5c01 rgb(202,92,1)
```

Tone Color Variation

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

Dichromacy

#877930 Protanopia 1% of men
#977326 Deuteranopia 1% of men
#b26167 Tritanopia 0.001% of the population

Trichromacy

#94702a Protanomaly 1% of men, 0.01% of women
#9e6c24 Deuteranomaly 6% of men, 0.4% of women
#af604d Tritanomaly 0.01% of the population

#ab5f20 hex color

#ab5f20 Color Information

#ab5f20 Color Conversion

Color Schemes with #ab5f20

Alternatives to #ab5f20

#ab5f20 Preview

Shades and Tints of #ab5f20

Tones of #ab5f20

Color Blindness Simulator