#ab221f hex color

In a RGB color space, hex #ab221f is composed of 67.1% red, 13.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.1% magenta, 81.9% yellow and 32.9% black. It has a hue angle of 1.3 degrees, a saturation of 69.3% and a lightness of 39.6%. #ab221f color hex could be obtained by blending #ff443e with #570000. Closest websafe color is: #993333.

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

● #ab221f color description : Dark red.

The hexadecimal color #ab221f has RGB values of R:171, G:34, B:31 and CMYK values of C:0, M:0.8, Y:0.82, K:0.33. Its decimal value is 11215391.

Hex triplet	ab221f	`#ab221f`
RGB Decimal	171, 34, 31	`rgb(171,34,31)`
RGB Percent	67.1, 13.3, 12.2	`rgb(67.1%,13.3%,12.2%)`
CMYK	0, 80, 82, 33
HSL	1.3°, 69.3, 39.6	`hsl(1.3,69.3%,39.6%)`
HSV (or HSB)	1.3°, 81.9, 67.1
Web Safe	993333	`#993333`

CIE-LAB	37.668, 53.742, 37.403
XYZ	17.615, 9.903, 2.28
xyY	0.591, 0.332, 9.903
CIE-LCH	37.668, 65.476, 34.837
CIE-LUV	37.668, 102.557, 22.94
Hunter-Lab	31.469, 44.844, 17.732
Binary	10101011, 00100010, 00011111

#ab221f
```
#ab221f rgb(171,34,31)
```
#1fa8ab
```
#1fa8ab rgb(31,168,171)
```

Complementary Color

#ab1f62
```
#ab1f62 rgb(171,31,98)
```
#ab221f
```
#ab221f rgb(171,34,31)
```
#ab681f
```
#ab681f rgb(171,104,31)
```

Analogous Color

#1f62ab
```
#1f62ab rgb(31,98,171)
```
#ab221f
```
#ab221f rgb(171,34,31)
```
#1fab68
```
#1fab68 rgb(31,171,104)
```

Split Complementary Color

#221fab
```
#221fab rgb(34,31,171)
```
#ab221f
```
#ab221f rgb(171,34,31)
```
#1fab22
```
#1fab22 rgb(31,171,34)
```

Triadic Color

#ab1fa8
```
#ab1fa8 rgb(171,31,168)
```
#ab221f
```
#ab221f rgb(171,34,31)
```
#1fab22
```
#1fab22 rgb(31,171,34)
```
#1fa8ab
```
#1fa8ab rgb(31,168,171)
```

Tetradic Color

#6a1513
```
#6a1513 rgb(106,21,19)
```
#801917
```
#801917 rgb(128,25,23)
```
#951e1b
```
#951e1b rgb(149,30,27)
```
#ab221f
```
#ab221f rgb(171,34,31)
```
#c12623
```
#c12623 rgb(193,38,35)
```
#d62b27
```
#d62b27 rgb(214,43,39)
```
#db3e3b
```
#db3e3b rgb(219,62,59)
```

Monochromatic Color

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

#ab1f3f
```
#ab1f3f rgb(171,31,63)
```
#ab1f33
```
#ab1f33 rgb(171,31,51)
```
#ab1f28
```
#ab1f28 rgb(171,31,40)
```
#ab221f
```
#ab221f rgb(171,34,31)
```
#ab2e1f
```
#ab2e1f rgb(171,46,31)
```
#ab391f
```
#ab391f rgb(171,57,31)
```
#ab451f
```
#ab451f rgb(171,69,31)
```

Similar Colors

Text with hexadecimal color #ab221f

This text has a font color of #ab221f.

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

#ab221f background color

This paragraph has a background color of #ab221f.

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

#ab221f border color

This element has a border color of #ab221f.

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

CSS codes

.text {color:#ab221f;}

.background {background-color:#ab221f;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#160404
```
#160404 rgb(22,4,4)
```
#260807
```
#260807 rgb(38,8,7)
```
#370b0a
```
#370b0a rgb(55,11,10)
```
#470e0d
```
#470e0d rgb(71,14,13)
```
#581110
```
#581110 rgb(88,17,16)
```
#691513
```
#691513 rgb(105,21,19)
```
#791816
```
#791816 rgb(121,24,22)
```
#8a1b19
```
#8a1b19 rgb(138,27,25)
```
#9a1f1c
```
#9a1f1c rgb(154,31,28)
```
#ab221f
```
#ab221f rgb(171,34,31)
```
#bc2522
```
#bc2522 rgb(188,37,34)
```
#cc2925
```
#cc2925 rgb(204,41,37)
```

Shade Color Variation

#d9302c
```
#d9302c rgb(217,48,44)
```
#dc403d
```
#dc403d rgb(220,64,61)
```
#df504d
```
#df504d rgb(223,80,77)
```
#e2615e
```
#e2615e rgb(226,97,94)
```
#e5716f
```
#e5716f rgb(229,113,111)
```
#e8817f
```
#e8817f rgb(232,129,127)
```
#eb9290
```
#eb9290 rgb(235,146,144)
```
#eea2a0
```
#eea2a0 rgb(238,162,160)
```
#f1b2b1
```
#f1b2b1 rgb(241,178,177)
```
#f4c3c2
```
#f4c3c2 rgb(244,195,194)
```
#f7d3d2
```
#f7d3d2 rgb(247,211,210)
```
#fae3e3
```
#fae3e3 rgb(250,227,227)
```
#fdf4f3
```
#fdf4f3 rgb(253,244,243)
```

Tint Color Variation

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

#656565
```
#656565 rgb(101,101,101)
```
#6d5d5d
```
#6d5d5d rgb(109,93,93)
```
#755655
```
#755655 rgb(117,86,85)
```
#7c4f4e
```
#7c4f4e rgb(124,79,78)
```
#844746
```
#844746 rgb(132,71,70)
```
#8c403e
```
#8c403e rgb(140,64,62)
```
#943836
```
#943836 rgb(148,56,54)
```
#9b312f
```
#9b312f rgb(155,49,47)
```
#a32927
```
#a32927 rgb(163,41,39)
```
#ab221f
```
#ab221f rgb(171,34,31)
```
#b31b17
```
#b31b17 rgb(179,27,23)
```
#bb130f
```
#bb130f rgb(187,19,15)
```
#c20c08
```
#c20c08 rgb(194,12,8)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#5e4342 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6138 Protanopia 1% of men
#785c1e Deuteranopia 1% of men
#af2d2d Tritanopia 0.001% of the population

Trichromacy

#824a2f Protanomaly 1% of men, 0.01% of women
#8b471e Deuteranomaly 6% of men, 0.4% of women
#ad2928 Tritanomaly 0.01% of the population

#ab221f hex color

#ab221f Color Information

#ab221f Color Conversion

Color Schemes with #ab221f

Alternatives to #ab221f

#ab221f Preview

Shades and Tints of #ab221f

Tones of #ab221f

Color Blindness Simulator