#ab501e hex color

In a RGB color space, hex #ab501e is composed of 67.1% red, 31.4% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.2% magenta, 82.5% yellow and 32.9% black. It has a hue angle of 21.3 degrees, a saturation of 70.1% and a lightness of 39.4%. #ab501e color hex could be obtained by blending #ffa03c with #570000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 67
- G 31
- B 12
RGB color chart
- C 0
- M 53
- Y 82
- K 33
CMYK color chart

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

The hexadecimal color #ab501e has RGB values of R:171, G:80, B:30 and CMYK values of C:0, M:0.53, Y:0.82, K:0.33. Its decimal value is 11227166.

Hex triplet	ab501e	`#ab501e`
RGB Decimal	171, 80, 30	`rgb(171,80,30)`
RGB Percent	67.1, 31.4, 11.8	`rgb(67.1%,31.4%,11.8%)`
CMYK	0, 53, 82, 33
HSL	21.3°, 70.1, 39.4	`hsl(21.3,70.1%,39.4%)`
HSV (or HSB)	21.3°, 82.5, 67.1
Web Safe	996633	`#996633`

CIE-LAB	44.929, 34.266, 44.795
XYZ	19.898, 14.491, 2.977
xyY	0.533, 0.388, 14.491
CIE-LCH	44.929, 56.398, 52.586
CIE-LUV	44.929, 73.275, 35.863
Hunter-Lab	38.067, 26.688, 22.009
Binary	10101011, 01010000, 00011110

#ab501e
```
#ab501e rgb(171,80,30)
```
#1e79ab
```
#1e79ab rgb(30,121,171)
```

Complementary Color

#ab1e32
```
#ab1e32 rgb(171,30,50)
```
#ab501e
```
#ab501e rgb(171,80,30)
```
#ab971e
```
#ab971e rgb(171,151,30)
```

Analogous Color

#1e32ab
```
#1e32ab rgb(30,50,171)
```
#ab501e
```
#ab501e rgb(171,80,30)
```
#1eab97
```
#1eab97 rgb(30,171,151)
```

Split Complementary Color

#501eab
```
#501eab rgb(80,30,171)
```
#ab501e
```
#ab501e rgb(171,80,30)
```
#1eab50
```
#1eab50 rgb(30,171,80)
```

Triadic Color

#ab1e79
```
#ab1e79 rgb(171,30,121)
```
#ab501e
```
#ab501e rgb(171,80,30)
```
#1eab50
```
#1eab50 rgb(30,171,80)
```
#1e79ab
```
#1e79ab rgb(30,121,171)
```

Tetradic Color

#6a3213
```
#6a3213 rgb(106,50,19)
```
#803c16
```
#803c16 rgb(128,60,22)
```
#95461a
```
#95461a rgb(149,70,26)
```
#ab501e
```
#ab501e rgb(171,80,30)
```
#c15a22
```
#c15a22 rgb(193,90,34)
```
#d66426
```
#d66426 rgb(214,100,38)
```
#dc7339
```
#dc7339 rgb(220,115,57)
```

Monochromatic Color

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

#ab2d1e
```
#ab2d1e rgb(171,45,30)
```
#ab391e
```
#ab391e rgb(171,57,30)
```
#ab441e
```
#ab441e rgb(171,68,30)
```
#ab501e
```
#ab501e rgb(171,80,30)
```
#ab5c1e
```
#ab5c1e rgb(171,92,30)
```
#ab681e
```
#ab681e rgb(171,104,30)
```
#ab731e
```
#ab731e rgb(171,115,30)
```

Similar Colors

Text with hexadecimal color #ab501e

This text has a font color of #ab501e.

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

#ab501e background color

This paragraph has a background color of #ab501e.

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

#ab501e border color

This element has a border color of #ab501e.

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

CSS codes

.text {color:#ab501e;}

.background {background-color:#ab501e;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#150a04
```
#150a04 rgb(21,10,4)
```
#251207
```
#251207 rgb(37,18,7)
```
#36190a
```
#36190a rgb(54,25,10)
```
#47210c
```
#47210c rgb(71,33,12)
```
#58290f
```
#58290f rgb(88,41,15)
```
#683112
```
#683112 rgb(104,49,18)
```
#793915
```
#793915 rgb(121,57,21)
```
#8a4018
```
#8a4018 rgb(138,64,24)
```
#9a481b
```
#9a481b rgb(154,72,27)
```
#ab501e
```
#ab501e rgb(171,80,30)
```
#bc5821
```
#bc5821 rgb(188,88,33)
```
#cc6024
```
#cc6024 rgb(204,96,36)
```

Shade Color Variation

#da682a
```
#da682a rgb(218,104,42)
```
#dd743b
```
#dd743b rgb(221,116,59)
```
#e0804c
```
#e0804c rgb(224,128,76)
```
#e28c5c
```
#e28c5c rgb(226,140,92)
```
#e5986d
```
#e5986d rgb(229,152,109)
```
#e8a37e
```
#e8a37e rgb(232,163,126)
```
#ebaf8e
```
#ebaf8e rgb(235,175,142)
```
#eebb9f
```
#eebb9f rgb(238,187,159)
```
#f1c7b0
```
#f1c7b0 rgb(241,199,176)
```
#f4d3c0
```
#f4d3c0 rgb(244,211,192)
```
#f7ded1
```
#f7ded1 rgb(247,222,209)
```
#faeae2
```
#faeae2 rgb(250,234,226)
```
#fdf6f2
```
#fdf6f2 rgb(253,246,242)
```

Tint Color Variation

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

#656464
```
#656464 rgb(101,100,100)
```
#6d625c
```
#6d625c rgb(109,98,92)
```
#756054
```
#756054 rgb(117,96,84)
```
#7d5d4c
```
#7d5d4c rgb(125,93,76)
```
#845b45
```
#845b45 rgb(132,91,69)
```
#8c593d
```
#8c593d rgb(140,89,61)
```
#945735
```
#945735 rgb(148,87,53)
```
#9c542d
```
#9c542d rgb(156,84,45)
```
#a35226
```
#a35226 rgb(163,82,38)
```
#ab501e
```
#ab501e rgb(171,80,30)
```
#b34e16
```
#b34e16 rgb(179,78,22)
```
#ba4c0f
```
#ba4c0f rgb(186,76,15)
```
#c24907
```
#c24907 rgb(194,73,7)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#746258 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7230 Protanopia 1% of men
#8d6c21 Deuteranopia 1% of men
#b15459 Tritanopia 0.001% of the population

Trichromacy

#8e6529 Protanomaly 1% of men, 0.01% of women
#986220 Deuteranomaly 6% of men, 0.4% of women
#af5243 Tritanomaly 0.01% of the population

#ab501e hex color

#ab501e Color Information

#ab501e Color Conversion

Color Schemes with #ab501e

Alternatives to #ab501e

#ab501e Preview

Shades and Tints of #ab501e

Tones of #ab501e

Color Blindness Simulator