#ab221e hex color

In a RGB color space, hex #ab221e is composed of 67.1% red, 13.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.1% magenta, 82.5% yellow and 32.9% black. It has a hue angle of 1.7 degrees, a saturation of 70.1% and a lightness of 39.4%. #ab221e color hex could be obtained by blending #ff443c 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

● #ab221e color description : Dark red.

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

Hex triplet	ab221e	`#ab221e`
RGB Decimal	171, 34, 30	`rgb(171,34,30)`
RGB Percent	67.1, 13.3, 11.8	`rgb(67.1%,13.3%,11.8%)`
CMYK	0, 80, 82, 33
HSL	1.7°, 70.1, 39.4	`hsl(1.7,70.1%,39.4%)`
HSV (or HSB)	1.7°, 82.5, 67.1
Web Safe	993333	`#993333`

CIE-LAB	37.659, 53.712, 37.943
XYZ	17.602, 9.898, 2.212
xyY	0.592, 0.333, 9.898
CIE-LCH	37.659, 65.762, 35.238
CIE-LUV	37.659, 102.725, 23.234
Hunter-Lab	31.461, 44.811, 17.854
Binary	10101011, 00100010, 00011110

#ab221e
```
#ab221e rgb(171,34,30)
```
#1ea7ab
```
#1ea7ab rgb(30,167,171)
```

Complementary Color

#ab1e61
```
#ab1e61 rgb(171,30,97)
```
#ab221e
```
#ab221e rgb(171,34,30)
```
#ab691e
```
#ab691e rgb(171,105,30)
```

Analogous Color

#1e61ab
```
#1e61ab rgb(30,97,171)
```
#ab221e
```
#ab221e rgb(171,34,30)
```
#1eab69
```
#1eab69 rgb(30,171,105)
```

Split Complementary Color

#221eab
```
#221eab rgb(34,30,171)
```
#ab221e
```
#ab221e rgb(171,34,30)
```
#1eab22
```
#1eab22 rgb(30,171,34)
```

Triadic Color

#ab1ea7
```
#ab1ea7 rgb(171,30,167)
```
#ab221e
```
#ab221e rgb(171,34,30)
```
#1eab22
```
#1eab22 rgb(30,171,34)
```
#1ea7ab
```
#1ea7ab rgb(30,167,171)
```

Tetradic Color

#6a1513
```
#6a1513 rgb(106,21,19)
```
#801916
```
#801916 rgb(128,25,22)
```
#951e1a
```
#951e1a rgb(149,30,26)
```
#ab221e
```
#ab221e rgb(171,34,30)
```
#c12622
```
#c12622 rgb(193,38,34)
```
#d62b26
```
#d62b26 rgb(214,43,38)
```
#dc3e39
```
#dc3e39 rgb(220,62,57)
```

Monochromatic Color

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

#ab1e3d
```
#ab1e3d rgb(171,30,61)
```
#ab1e32
```
#ab1e32 rgb(171,30,50)
```
#ab1e26
```
#ab1e26 rgb(171,30,38)
```
#ab221e
```
#ab221e rgb(171,34,30)
```
#ab2e1e
```
#ab2e1e rgb(171,46,30)
```
#ab3a1e
```
#ab3a1e rgb(171,58,30)
```
#ab451e
```
#ab451e rgb(171,69,30)
```

Similar Colors

Text with hexadecimal color #ab221e

This text has a font color of #ab221e.

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

#ab221e background color

This paragraph has a background color of #ab221e.

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

#ab221e border color

This element has a border color of #ab221e.

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

CSS codes

.text {color:#ab221e;}

.background {background-color:#ab221e;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#150404
```
#150404 rgb(21,4,4)
```
#250707
```
#250707 rgb(37,7,7)
```
#360b0a
```
#360b0a rgb(54,11,10)
```
#470e0c
```
#470e0c rgb(71,14,12)
```
#58110f
```
#58110f rgb(88,17,15)
```
#681512
```
#681512 rgb(104,21,18)
```
#791815
```
#791815 rgb(121,24,21)
```
#8a1b18
```
#8a1b18 rgb(138,27,24)
```
#9a1f1b
```
#9a1f1b rgb(154,31,27)
```
#ab221e
```
#ab221e rgb(171,34,30)
```
#bc2521
```
#bc2521 rgb(188,37,33)
```
#cc2924
```
#cc2924 rgb(204,41,36)
```

Shade Color Variation

#da2f2a
```
#da2f2a rgb(218,47,42)
```
#dd3f3b
```
#dd3f3b rgb(221,63,59)
```
#e0504c
```
#e0504c rgb(224,80,76)
```
#e2605c
```
#e2605c rgb(226,96,92)
```
#e5706d
```
#e5706d rgb(229,112,109)
```
#e8817e
```
#e8817e rgb(232,129,126)
```
#eb918e
```
#eb918e rgb(235,145,142)
```
#eea19f
```
#eea19f rgb(238,161,159)
```
#f1b2b0
```
#f1b2b0 rgb(241,178,176)
```
#f4c2c0
```
#f4c2c0 rgb(244,194,192)
```
#f7d2d1
```
#f7d2d1 rgb(247,210,209)
```
#fae2e2
```
#fae2e2 rgb(250,226,226)
```
#fdf3f2
```
#fdf3f2 rgb(253,243,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 #c20c07 is the most saturated one.

#656464
```
#656464 rgb(101,100,100)
```
#6d5c5c
```
#6d5c5c rgb(109,92,92)
```
#755554
```
#755554 rgb(117,85,84)
```
#7d4e4c
```
#7d4e4c rgb(125,78,76)
```
#844645
```
#844645 rgb(132,70,69)
```
#8c3f3d
```
#8c3f3d rgb(140,63,61)
```
#943835
```
#943835 rgb(148,56,53)
```
#9c312d
```
#9c312d rgb(156,49,45)
```
#a32926
```
#a32926 rgb(163,41,38)
```
#ab221e
```
#ab221e rgb(171,34,30)
```
#b31b16
```
#b31b16 rgb(179,27,22)
```
#ba130f
```
#ba130f rgb(186,19,15)
```
#c20c07
```
#c20c07 rgb(194,12,7)
```

Tone Color Variation

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

#6a6137 Protanopia 1% of men
#795c1d Deuteranopia 1% of men
#af2c2d Tritanopia 0.001% of the population

Trichromacy

#824a2e Protanomaly 1% of men, 0.01% of women
#8b471d Deuteranomaly 6% of men, 0.4% of women
#ad2828 Tritanomaly 0.01% of the population

#ab221e hex color

#ab221e Color Information

#ab221e Color Conversion

Color Schemes with #ab221e

Alternatives to #ab221e

#ab221e Preview

Shades and Tints of #ab221e

Tones of #ab221e

Color Blindness Simulator