#ab222a hex color

In a RGB color space, hex #ab222a is composed of 67.1% red, 13.3% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.1% magenta, 75.4% yellow and 32.9% black. It has a hue angle of 356.5 degrees, a saturation of 66.8% and a lightness of 40.2%. #ab222a color hex could be obtained by blending #ff4454 with #570000. Closest websafe color is: #993333.

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

● #ab222a color description : Dark red.

The hexadecimal color #ab222a has RGB values of R:171, G:34, B:42 and CMYK values of C:0, M:0.8, Y:0.75, K:0.33. Its decimal value is 11215402.

Hex triplet	ab222a	`#ab222a`
RGB Decimal	171, 34, 42	`rgb(171,34,42)`
RGB Percent	67.1, 13.3, 16.5	`rgb(67.1%,13.3%,16.5%)`
CMYK	0, 80, 75, 33
HSL	356.5°, 66.8, 40.2	`hsl(356.5,66.8%,40.2%)`
HSV (or HSB)	356.5°, 80.1, 67.1
Web Safe	993333	`#993333`

CIE-LAB	37.791, 54.129, 31.161
XYZ	17.785, 9.971, 3.179
xyY	0.575, 0.322, 9.971
CIE-LCH	37.791, 62.457, 29.928
CIE-LUV	37.791, 100.387, 19.156
Hunter-Lab	31.577, 45.276, 16.136
Binary	10101011, 00100010, 00101010

#ab222a
```
#ab222a rgb(171,34,42)
```
#22aba3
```
#22aba3 rgb(34,171,163)
```

Complementary Color

#ab226f
```
#ab226f rgb(171,34,111)
```
#ab222a
```
#ab222a rgb(171,34,42)
```
#ab5e22
```
#ab5e22 rgb(171,94,34)
```

Analogous Color

#226fab
```
#226fab rgb(34,111,171)
```
#ab222a
```
#ab222a rgb(171,34,42)
```
#22ab5e
```
#22ab5e rgb(34,171,94)
```

Split Complementary Color

#222aab
```
#222aab rgb(34,42,171)
```
#ab222a
```
#ab222a rgb(171,34,42)
```
#2aab22
```
#2aab22 rgb(42,171,34)
```

Triadic Color

#a322ab
```
#a322ab rgb(163,34,171)
```
#ab222a
```
#ab222a rgb(171,34,42)
```
#2aab22
```
#2aab22 rgb(42,171,34)
```
#22aba3
```
#22aba3 rgb(34,171,163)
```

Tetradic Color

#6b151a
```
#6b151a rgb(107,21,26)
```
#801a20
```
#801a20 rgb(128,26,32)
```
#961e25
```
#961e25 rgb(150,30,37)
```
#ab222a
```
#ab222a rgb(171,34,42)
```
#c0262f
```
#c0262f rgb(192,38,47)
```
#d52b35
```
#d52b35 rgb(213,43,53)
```
#d94049
```
#d94049 rgb(217,64,73)
```

Monochromatic Color

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

#ab224c
```
#ab224c rgb(171,34,76)
```
#ab2241
```
#ab2241 rgb(171,34,65)
```
#ab2235
```
#ab2235 rgb(171,34,53)
```
#ab222a
```
#ab222a rgb(171,34,42)
```
#ab2522
```
#ab2522 rgb(171,37,34)
```
#ab3122
```
#ab3122 rgb(171,49,34)
```
#ab3c22
```
#ab3c22 rgb(171,60,34)
```

Similar Colors

Text with hexadecimal color #ab222a

This text has a font color of #ab222a.

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

#ab222a background color

This paragraph has a background color of #ab222a.

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

#ab222a border color

This element has a border color of #ab222a.

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

CSS codes

.text {color:#ab222a;}

.background {background-color:#ab222a;}

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

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

#070102
```
#070102 rgb(7,1,2)
```
#180506
```
#180506 rgb(24,5,6)
```
#28080a
```
#28080a rgb(40,8,10)
```
#380b0e
```
#380b0e rgb(56,11,14)
```
#490e12
```
#490e12 rgb(73,14,18)
```
#591216
```
#591216 rgb(89,18,22)
```
#6a151a
```
#6a151a rgb(106,21,26)
```
#7a181e
```
#7a181e rgb(122,24,30)
```
#8a1b22
```
#8a1b22 rgb(138,27,34)
```
#9b1f26
```
#9b1f26 rgb(155,31,38)
```
#ab222a
```
#ab222a rgb(171,34,42)
```
#bb252e
```
#bb252e rgb(187,37,46)
```
#cc2932
```
#cc2932 rgb(204,41,50)
```

Shade Color Variation

#d6323b
```
#d6323b rgb(214,50,59)
```
#d9424b
```
#d9424b rgb(217,66,75)
```
#dd525a
```
#dd525a rgb(221,82,90)
```
#e0636a
```
#e0636a rgb(224,99,106)
```
#e3737a
```
#e3737a rgb(227,115,122)
```
#e68389
```
#e68389 rgb(230,131,137)
```
#ea9499
```
#ea9499 rgb(234,148,153)
```
#eda4a8
```
#eda4a8 rgb(237,164,168)
```
#f0b5b8
```
#f0b5b8 rgb(240,181,184)
```
#f3c5c8
```
#f3c5c8 rgb(243,197,200)
```
#f7d5d7
```
#f7d5d7 rgb(247,213,215)
```
#fae6e7
```
#fae6e7 rgb(250,230,231)
```
#fdf6f6
```
#fdf6f6 rgb(253,246,246)
```

Tint Color Variation

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

#6c6162
```
#6c6162 rgb(108,97,98)
```
#74595b
```
#74595b rgb(116,89,91)
```
#7c5154
```
#7c5154 rgb(124,81,84)
```
#84494d
```
#84494d rgb(132,73,77)
```
#8b4246
```
#8b4246 rgb(139,66,70)
```
#933a3f
```
#933a3f rgb(147,58,63)
```
#9b3238
```
#9b3238 rgb(155,50,56)
```
#a32a31
```
#a32a31 rgb(163,42,49)
```
#ab222a
```
#ab222a rgb(171,34,42)
```
#b31a23
```
#b31a23 rgb(179,26,35)
```
#bb121c
```
#bb121c rgb(187,18,28)
```
#c30a15
```
#c30a15 rgb(195,10,21)
```
#cb020e
```
#cb020e rgb(203,2,14)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#5f4445 Atypical Achromatopsia 0.001% of the population

Dichromacy

#696144 Protanopia 1% of men
#785d2b Deuteranopia 1% of men
#af2e2f Tritanopia 0.001% of the population

Trichromacy

#814a3b Protanomaly 1% of men, 0.01% of women
#8a472a Deuteranomaly 6% of men, 0.4% of women
#ad292d Tritanomaly 0.01% of the population

#ab222a hex color

#ab222a Color Information

#ab222a Color Conversion

Color Schemes with #ab222a

Alternatives to #ab222a

#ab222a Preview

Shades and Tints of #ab222a

Tones of #ab222a

Color Blindness Simulator