#ab521e hex color

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

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

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

The hexadecimal color #ab521e has RGB values of R:171, G:82, B:30 and CMYK values of C:0, M:0.52, Y:0.82, K:0.33. Its decimal value is 11227678.

Hex triplet	ab521e	`#ab521e`
RGB Decimal	171, 82, 30	`rgb(171,82,30)`
RGB Percent	67.1, 32.2, 11.8	`rgb(67.1%,32.2%,11.8%)`
CMYK	0, 52, 82, 33
HSL	22.1°, 70.1, 39.4	`hsl(22.1,70.1%,39.4%)`
HSV (or HSB)	22.1°, 82.5, 67.1
Web Safe	996633	`#996633`

CIE-LAB	45.343, 33.22, 45.176
XYZ	20.047, 14.788, 3.027
xyY	0.529, 0.391, 14.788
CIE-LCH	45.343, 56.075, 53.672
CIE-LUV	45.343, 71.735, 36.559
Hunter-Lab	38.455, 25.756, 22.252
Binary	10101011, 01010010, 00011110

#ab521e
```
#ab521e rgb(171,82,30)
```
#1e77ab
```
#1e77ab rgb(30,119,171)
```

Complementary Color

#ab1e31
```
#ab1e31 rgb(171,30,49)
```
#ab521e
```
#ab521e rgb(171,82,30)
```
#ab991e
```
#ab991e rgb(171,153,30)
```

Analogous Color

#1e30ab
```
#1e30ab rgb(30,48,171)
```
#ab521e
```
#ab521e rgb(171,82,30)
```
#1eab99
```
#1eab99 rgb(30,171,153)
```

Split Complementary Color

#521eab
```
#521eab rgb(82,30,171)
```
#ab521e
```
#ab521e rgb(171,82,30)
```
#1eab52
```
#1eab52 rgb(30,171,82)
```

Triadic Color

#ab1e77
```
#ab1e77 rgb(171,30,119)
```
#ab521e
```
#ab521e rgb(171,82,30)
```
#1eab52
```
#1eab52 rgb(30,171,82)
```
#1e77ab
```
#1e77ab rgb(30,119,171)
```

Tetradic Color

#6a3313
```
#6a3313 rgb(106,51,19)
```
#803d16
```
#803d16 rgb(128,61,22)
```
#95481a
```
#95481a rgb(149,72,26)
```
#ab521e
```
#ab521e rgb(171,82,30)
```
#c15c22
```
#c15c22 rgb(193,92,34)
```
#d66726
```
#d66726 rgb(214,103,38)
```
#dc7539
```
#dc7539 rgb(220,117,57)
```

Monochromatic Color

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

#ab2f1e
```
#ab2f1e rgb(171,47,30)
```
#ab3b1e
```
#ab3b1e rgb(171,59,30)
```
#ab461e
```
#ab461e rgb(171,70,30)
```
#ab521e
```
#ab521e rgb(171,82,30)
```
#ab5e1e
```
#ab5e1e rgb(171,94,30)
```
#ab6a1e
```
#ab6a1e rgb(171,106,30)
```
#ab751e
```
#ab751e rgb(171,117,30)
```

Similar Colors

Text with hexadecimal color #ab521e

This text has a font color of #ab521e.

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

#ab521e background color

This paragraph has a background color of #ab521e.

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

#ab521e border color

This element has a border color of #ab521e.

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

CSS codes

.text {color:#ab521e;}

.background {background-color:#ab521e;}

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

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)
```
#361a0a
```
#361a0a rgb(54,26,10)
```
#47220c
```
#47220c rgb(71,34,12)
```
#582a0f
```
#582a0f rgb(88,42,15)
```
#683212
```
#683212 rgb(104,50,18)
```
#793a15
```
#793a15 rgb(121,58,21)
```
#8a4218
```
#8a4218 rgb(138,66,24)
```
#9a4a1b
```
#9a4a1b rgb(154,74,27)
```
#ab521e
```
#ab521e rgb(171,82,30)
```
#bc5a21
```
#bc5a21 rgb(188,90,33)
```
#cc6224
```
#cc6224 rgb(204,98,36)
```

Shade Color Variation

#da6b2a
```
#da6b2a rgb(218,107,42)
```
#dd773b
```
#dd773b rgb(221,119,59)
```
#e0824c
```
#e0824c rgb(224,130,76)
```
#e28e5c
```
#e28e5c rgb(226,142,92)
```
#e5996d
```
#e5996d rgb(229,153,109)
```
#e8a57e
```
#e8a57e rgb(232,165,126)
```
#ebb18e
```
#ebb18e rgb(235,177,142)
```
#eebc9f
```
#eebc9f rgb(238,188,159)
```
#f1c8b0
```
#f1c8b0 rgb(241,200,176)
```
#f4d3c0
```
#f4d3c0 rgb(244,211,192)
```
#f7dfd1
```
#f7dfd1 rgb(247,223,209)
```
#faebe2
```
#faebe2 rgb(250,235,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 #c24c07 is the most saturated one.

#656464
```
#656464 rgb(101,100,100)
```
#6d625c
```
#6d625c rgb(109,98,92)
```
#756054
```
#756054 rgb(117,96,84)
```
#7d5e4c
```
#7d5e4c rgb(125,94,76)
```
#845c45
```
#845c45 rgb(132,92,69)
```
#8c5a3d
```
#8c5a3d rgb(140,90,61)
```
#945835
```
#945835 rgb(148,88,53)
```
#9c562d
```
#9c562d rgb(156,86,45)
```
#a35426
```
#a35426 rgb(163,84,38)
```
#ab521e
```
#ab521e rgb(171,82,30)
```
#b35016
```
#b35016 rgb(179,80,22)
```
#ba4e0f
```
#ba4e0f rgb(186,78,15)
```
#c24c07
```
#c24c07 rgb(194,76,7)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#756358 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7330 Protanopia 1% of men
#8f6d22 Deuteranopia 1% of men
#b1555b Tritanopia 0.001% of the population

Trichromacy

#8f6729 Protanomaly 1% of men, 0.01% of women
#996320 Deuteranomaly 6% of men, 0.4% of women
#af5444 Tritanomaly 0.01% of the population

#ab521e hex color

#ab521e Color Information

#ab521e Color Conversion

Color Schemes with #ab521e

Alternatives to #ab521e

#ab521e Preview

Shades and Tints of #ab521e

Tones of #ab521e

Color Blindness Simulator