#ab7a16 hex color

In a RGB color space, hex #ab7a16 is composed of 67.1% red, 47.8% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.7% magenta, 87.1% yellow and 32.9% black. It has a hue angle of 40.3 degrees, a saturation of 77.2% and a lightness of 37.8%. #ab7a16 color hex could be obtained by blending #fff42c with #570000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 67
- G 48
- B 9
RGB color chart
- C 0
- M 29
- Y 87
- K 33
CMYK color chart

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

The hexadecimal color #ab7a16 has RGB values of R:171, G:122, B:22 and CMYK values of C:0, M:0.29, Y:0.87, K:0.33. Its decimal value is 11237910.

Hex triplet	ab7a16	`#ab7a16`
RGB Decimal	171, 122, 22	`rgb(171,122,22)`
RGB Percent	67.1, 47.8, 8.6	`rgb(67.1%,47.8%,8.6%)`
CMYK	0, 29, 87, 33
HSL	40.3°, 77.2, 37.8	`hsl(40.3,77.2%,37.8%)`
HSV (or HSB)	40.3°, 87.1, 67.1
Web Safe	996600	`#996600`

CIE-LAB	54.696, 10.864, 56.134
XYZ	23.899, 22.636, 3.87
xyY	0.474, 0.449, 22.636
CIE-LCH	54.696, 57.176, 79.046
CIE-LUV	54.696, 40.566, 53.228
Hunter-Lab	47.578, 6.404, 28.482
Binary	10101011, 01111010, 00010110

#ab7a16
```
#ab7a16 rgb(171,122,22)
```
#1647ab
```
#1647ab rgb(22,71,171)
```

Complementary Color

#ab2f16
```
#ab2f16 rgb(171,47,22)
```
#ab7a16
```
#ab7a16 rgb(171,122,22)
```
#92ab16
```
#92ab16 rgb(146,171,22)
```

Analogous Color

#2f16ab
```
#2f16ab rgb(47,22,171)
```
#ab7a16
```
#ab7a16 rgb(171,122,22)
```
#1692ab
```
#1692ab rgb(22,146,171)
```

Split Complementary Color

#7a16ab
```
#7a16ab rgb(122,22,171)
```
#ab7a16
```
#ab7a16 rgb(171,122,22)
```
#16ab7a
```
#16ab7a rgb(22,171,122)
```

Triadic Color

#ab1647
```
#ab1647 rgb(171,22,71)
```
#ab7a16
```
#ab7a16 rgb(171,122,22)
```
#16ab7a
```
#16ab7a rgb(22,171,122)
```
#1647ab
```
#1647ab rgb(22,71,171)
```

Tetradic Color

#674a0d
```
#674a0d rgb(103,74,13)
```
#7e5a10
```
#7e5a10 rgb(126,90,16)
```
#946a13
```
#946a13 rgb(148,106,19)
```
#ab7a16
```
#ab7a16 rgb(171,122,22)
```
#c28a19
```
#c28a19 rgb(194,138,25)
```
#d89a1c
```
#d89a1c rgb(216,154,28)
```
#e4a72a
```
#e4a72a rgb(228,167,42)
```

Monochromatic Color

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

#ab5516
```
#ab5516 rgb(171,85,22)
```
#ab6116
```
#ab6116 rgb(171,97,22)
```
#ab6e16
```
#ab6e16 rgb(171,110,22)
```
#ab7a16
```
#ab7a16 rgb(171,122,22)
```
#ab8616
```
#ab8616 rgb(171,134,22)
```
#ab9316
```
#ab9316 rgb(171,147,22)
```
#ab9f16
```
#ab9f16 rgb(171,159,22)
```

Similar Colors

Text with hexadecimal color #ab7a16

This text has a font color of #ab7a16.

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

#ab7a16 background color

This paragraph has a background color of #ab7a16.

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

#ab7a16 border color

This element has a border color of #ab7a16.

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

CSS codes

.text {color:#ab7a16;}

.background {background-color:#ab7a16;}

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

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, #0f0a02 is the darkest color, while #fffefc is the lightest one.

#0f0a02
```
#0f0a02 rgb(15,10,2)
```
#201704
```
#201704 rgb(32,23,4)
```
#312306
```
#312306 rgb(49,35,6)
```
#433009
```
#433009 rgb(67,48,9)
```
#543c0b
```
#543c0b rgb(84,60,11)
```
#65480d
```
#65480d rgb(101,72,13)
```
#77550f
```
#77550f rgb(119,85,15)
```
#886112
```
#886112 rgb(136,97,18)
```
#9a6e14
```
#9a6e14 rgb(154,110,20)
```
#ab7a16
```
#ab7a16 rgb(171,122,22)
```
#bc8618
```
#bc8618 rgb(188,134,24)
```
#ce931a
```
#ce931a rgb(206,147,26)
```
#df9f1d
```
#df9f1d rgb(223,159,29)
```

Shade Color Variation

#e4a72c
```
#e4a72c rgb(228,167,44)
```
#e6ae3d
```
#e6ae3d rgb(230,174,61)
```
#e8b64e
```
#e8b64e rgb(232,182,78)
```
#ebbd60
```
#ebbd60 rgb(235,189,96)
```
#edc471
```
#edc471 rgb(237,196,113)
```
#efcb83
```
#efcb83 rgb(239,203,131)
```
#f1d394
```
#f1d394 rgb(241,211,148)
```
#f3daa5
```
#f3daa5 rgb(243,218,165)
```
#f6e1b7
```
#f6e1b7 rgb(246,225,183)
```
#f8e8c8
```
#f8e8c8 rgb(248,232,200)
```
#faefd9
```
#faefd9 rgb(250,239,217)
```
#fcf7eb
```
#fcf7eb rgb(252,247,235)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#616160
```
#616160 rgb(97,97,96)
```
#686359
```
#686359 rgb(104,99,89)
```
#706651
```
#706651 rgb(112,102,81)
```
#77684a
```
#77684a rgb(119,104,74)
```
#7e6b43
```
#7e6b43 rgb(126,107,67)
```
#866d3b
```
#866d3b rgb(134,109,59)
```
#8d7034
```
#8d7034 rgb(141,112,52)
```
#95722c
```
#95722c rgb(149,114,44)
```
#9c7525
```
#9c7525 rgb(156,117,37)
```
#a4771d
```
#a4771d rgb(164,119,29)
```
#ab7a16
```
#ab7a16 rgb(171,122,22)
```
#b27d0f
```
#b27d0f rgb(178,125,15)
```
#ba7f07
```
#ba7f07 rgb(186,127,7)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#867c68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998924 Protanopia 1% of men
#ab8220 Deuteranopia 1% of men
#b57880 Tritanopia 0.001% of the population

Trichromacy

#9f831f Protanomaly 1% of men, 0.01% of women
#ab7f1c Deuteranomaly 6% of men, 0.4% of women
#b1795a Tritanomaly 0.01% of the population

#ab7a16 hex color

#ab7a16 Color Information

#ab7a16 Color Conversion

Color Schemes with #ab7a16

Alternatives to #ab7a16

#ab7a16 Preview

Shades and Tints of #ab7a16

Tones of #ab7a16

Color Blindness Simulator