#ab7020 hex color

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

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

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

The hexadecimal color #ab7020 has RGB values of R:171, G:112, B:32 and CMYK values of C:0, M:0.35, Y:0.81, K:0.33. Its decimal value is 11235360.

Hex triplet	ab7020	`#ab7020`
RGB Decimal	171, 112, 32	`rgb(171,112,32)`
RGB Percent	67.1, 43.9, 12.5	`rgb(67.1%,43.9%,12.5%)`
CMYK	0, 35, 81, 33
HSL	34.5°, 68.5, 39.8	`hsl(34.5,68.5%,39.8%)`
HSV (or HSB)	34.5°, 81.3, 67.1
Web Safe	996633	`#996633`

CIE-LAB	52.233, 16.791, 50.655
XYZ	22.85, 20.352, 4.091
xyY	0.483, 0.43, 20.352
CIE-LCH	52.233, 53.365, 71.66
CIE-LUV	52.233, 47.983, 47.365
Hunter-Lab	45.113, 11.462, 26.202
Binary	10101011, 01110000, 00100000

#ab7020
```
#ab7020 rgb(171,112,32)
```
#205bab
```
#205bab rgb(32,91,171)
```

Complementary Color

#ab2b20
```
#ab2b20 rgb(171,43,32)
```
#ab7020
```
#ab7020 rgb(171,112,32)
```
#a1ab20
```
#a1ab20 rgb(161,171,32)
```

Analogous Color

#2b20ab
```
#2b20ab rgb(43,32,171)
```
#ab7020
```
#ab7020 rgb(171,112,32)
```
#20a1ab
```
#20a1ab rgb(32,161,171)
```

Split Complementary Color

#7020ab
```
#7020ab rgb(112,32,171)
```
#ab7020
```
#ab7020 rgb(171,112,32)
```
#20ab70
```
#20ab70 rgb(32,171,112)
```

Triadic Color

#ab205b
```
#ab205b rgb(171,32,91)
```
#ab7020
```
#ab7020 rgb(171,112,32)
```
#20ab70
```
#20ab70 rgb(32,171,112)
```
#205bab
```
#205bab rgb(32,91,171)
```

Tetradic Color

#6b4614
```
#6b4614 rgb(107,70,20)
```
#805418
```
#805418 rgb(128,84,24)
```
#96621c
```
#96621c rgb(150,98,28)
```
#ab7020
```
#ab7020 rgb(171,112,32)
```
#c07e24
```
#c07e24 rgb(192,126,36)
```
#d68c28
```
#d68c28 rgb(214,140,40)
```
#db983d
```
#db983d rgb(219,152,61)
```

Monochromatic Color

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

#ab4d20
```
#ab4d20 rgb(171,77,32)
```
#ab5920
```
#ab5920 rgb(171,89,32)
```
#ab6420
```
#ab6420 rgb(171,100,32)
```
#ab7020
```
#ab7020 rgb(171,112,32)
```
#ab7c20
```
#ab7c20 rgb(171,124,32)
```
#ab8720
```
#ab8720 rgb(171,135,32)
```
#ab9320
```
#ab9320 rgb(171,147,32)
```

Similar Colors

Text with hexadecimal color #ab7020

This text has a font color of #ab7020.

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

#ab7020 background color

This paragraph has a background color of #ab7020.

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

#ab7020 border color

This element has a border color of #ab7020.

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

CSS codes

.text {color:#ab7020;}

.background {background-color:#ab7020;}

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

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

#060401
```
#060401 rgb(6,4,1)
```
#160f04
```
#160f04 rgb(22,15,4)
```
#271907
```
#271907 rgb(39,25,7)
```
#37240a
```
#37240a rgb(55,36,10)
```
#482f0d
```
#482f0d rgb(72,47,13)
```
#583a11
```
#583a11 rgb(88,58,17)
```
#694514
```
#694514 rgb(105,69,20)
```
#795017
```
#795017 rgb(121,80,23)
```
#8a5a1a
```
#8a5a1a rgb(138,90,26)
```
#9a651d
```
#9a651d rgb(154,101,29)
```
#ab7020
```
#ab7020 rgb(171,112,32)
```
#bc7b23
```
#bc7b23 rgb(188,123,35)
```
#cc8626
```
#cc8626 rgb(204,134,38)
```

Shade Color Variation

#d8902e
```
#d8902e rgb(216,144,46)
```
#db993e
```
#db993e rgb(219,153,62)
```
#dea14f
```
#dea14f rgb(222,161,79)
```
#e1aa60
```
#e1aa60 rgb(225,170,96)
```
#e4b370
```
#e4b370 rgb(228,179,112)
```
#e7bc81
```
#e7bc81 rgb(231,188,129)
```
#eac591
```
#eac591 rgb(234,197,145)
```
#eecda2
```
#eecda2 rgb(238,205,162)
```
#f1d6b2
```
#f1d6b2 rgb(241,214,178)
```
#f4dfc3
```
#f4dfc3 rgb(244,223,195)
```
#f7e8d3
```
#f7e8d3 rgb(247,232,211)
```
#faf0e4
```
#faf0e4 rgb(250,240,228)
```
#fdf9f4
```
#fdf9f4 rgb(253,249,244)
```

Tint Color Variation

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

#6d675e
```
#6d675e rgb(109,103,94)
```
#746857
```
#746857 rgb(116,104,87)
```
#7c694f
```
#7c694f rgb(124,105,79)
```
#846a47
```
#846a47 rgb(132,106,71)
```
#8c6b3f
```
#8c6b3f rgb(140,107,63)
```
#946c37
```
#946c37 rgb(148,108,55)
```
#9b6e30
```
#9b6e30 rgb(155,110,48)
```
#a36f28
```
#a36f28 rgb(163,111,40)
```
#ab7020
```
#ab7020 rgb(171,112,32)
```
#b37118
```
#b37118 rgb(179,113,24)
```
#bb7210
```
#bb7210 rgb(187,114,16)
```
#c27409
```
#c27409 rgb(194,116,9)
```
#ca7501
```
#ca7501 rgb(202,117,1)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#837767 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92832e Protanopia 1% of men
#a37d28 Deuteranopia 1% of men
#b37077 Tritanopia 0.001% of the population

Trichromacy

#9b7c29 Protanomaly 1% of men, 0.01% of women
#a67825 Deuteranomaly 6% of men, 0.4% of women
#b07057 Tritanomaly 0.01% of the population

#ab7020 hex color

#ab7020 Color Information

#ab7020 Color Conversion

Color Schemes with #ab7020

Alternatives to #ab7020

#ab7020 Preview

Shades and Tints of #ab7020

Tones of #ab7020

Color Blindness Simulator