#ab222e hex color

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

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

● #ab222e color description : Dark red.

The hexadecimal color #ab222e has RGB values of R:171, G:34, B:46 and CMYK values of C:0, M:0.8, Y:0.73, K:0.33. Its decimal value is 11215406.

Hex triplet	ab222e	`#ab222e`
RGB Decimal	171, 34, 46	`rgb(171,34,46)`
RGB Percent	67.1, 13.3, 18	`rgb(67.1%,13.3%,18%)`
CMYK	0, 80, 73, 33
HSL	354.7°, 66.8, 40.2	`hsl(354.7,66.8%,40.2%)`
HSV (or HSB)	354.7°, 80.1, 67.1
Web Safe	993333	`#993333`

CIE-LAB	37.845, 54.298, 28.796
XYZ	17.861, 10.001, 3.575
xyY	0.568, 0.318, 10.001
CIE-LCH	37.845, 61.461, 27.938
CIE-LUV	37.845, 99.46, 17.533
Hunter-Lab	31.625, 45.466, 15.436
Binary	10101011, 00100010, 00101110

#ab222e
```
#ab222e rgb(171,34,46)
```
#22ab9f
```
#22ab9f rgb(34,171,159)
```

Complementary Color

#ab2273
```
#ab2273 rgb(171,34,115)
```
#ab222e
```
#ab222e rgb(171,34,46)
```
#ab5a22
```
#ab5a22 rgb(171,90,34)
```

Analogous Color

#2273ab
```
#2273ab rgb(34,115,171)
```
#ab222e
```
#ab222e rgb(171,34,46)
```
#22ab5b
```
#22ab5b rgb(34,171,91)
```

Split Complementary Color

#222eab
```
#222eab rgb(34,46,171)
```
#ab222e
```
#ab222e rgb(171,34,46)
```
#2eab22
```
#2eab22 rgb(46,171,34)
```

Triadic Color

#9f22ab
```
#9f22ab rgb(159,34,171)
```
#ab222e
```
#ab222e rgb(171,34,46)
```
#2eab22
```
#2eab22 rgb(46,171,34)
```
#22ab9f
```
#22ab9f rgb(34,171,159)
```

Tetradic Color

#6b151d
```
#6b151d rgb(107,21,29)
```
#801a23
```
#801a23 rgb(128,26,35)
```
#961e28
```
#961e28 rgb(150,30,40)
```
#ab222e
```
#ab222e rgb(171,34,46)
```
#c02634
```
#c02634 rgb(192,38,52)
```
#d52b3a
```
#d52b3a rgb(213,43,58)
```
#d9404e
```
#d9404e rgb(217,64,78)
```

Monochromatic Color

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

#ab2250
```
#ab2250 rgb(171,34,80)
```
#ab2245
```
#ab2245 rgb(171,34,69)
```
#ab2239
```
#ab2239 rgb(171,34,57)
```
#ab222e
```
#ab222e rgb(171,34,46)
```
#ab2223
```
#ab2223 rgb(171,34,35)
```
#ab2d22
```
#ab2d22 rgb(171,45,34)
```
#ab3822
```
#ab3822 rgb(171,56,34)
```

Similar Colors

Text with hexadecimal color #ab222e

This text has a font color of #ab222e.

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

#ab222e background color

This paragraph has a background color of #ab222e.

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

#ab222e border color

This element has a border color of #ab222e.

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

CSS codes

.text {color:#ab222e;}

.background {background-color:#ab222e;}

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

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 #fdf6f7 is the lightest one.

#070102
```
#070102 rgb(7,1,2)
```
#180506
```
#180506 rgb(24,5,6)
```
#28080b
```
#28080b rgb(40,8,11)
```
#380b0f
```
#380b0f rgb(56,11,15)
```
#490e14
```
#490e14 rgb(73,14,20)
```
#591218
```
#591218 rgb(89,18,24)
```
#6a151c
```
#6a151c rgb(106,21,28)
```
#7a1821
```
#7a1821 rgb(122,24,33)
```
#8a1b25
```
#8a1b25 rgb(138,27,37)
```
#9b1f2a
```
#9b1f2a rgb(155,31,42)
```
#ab222e
```
#ab222e rgb(171,34,46)
```
#bb2532
```
#bb2532 rgb(187,37,50)
```
#cc2937
```
#cc2937 rgb(204,41,55)
```

Shade Color Variation

#d63240
```
#d63240 rgb(214,50,64)
```
#d9424f
```
#d9424f rgb(217,66,79)
```
#dd525f
```
#dd525f rgb(221,82,95)
```
#e0636e
```
#e0636e rgb(224,99,110)
```
#e3737d
```
#e3737d rgb(227,115,125)
```
#e6838c
```
#e6838c rgb(230,131,140)
```
#ea949b
```
#ea949b rgb(234,148,155)
```
#eda4ab
```
#eda4ab rgb(237,164,171)
```
#f0b5ba
```
#f0b5ba rgb(240,181,186)
```
#f3c5c9
```
#f3c5c9 rgb(243,197,201)
```
#f7d5d8
```
#f7d5d8 rgb(247,213,216)
```
#fae6e7
```
#fae6e7 rgb(250,230,231)
```
#fdf6f7
```
#fdf6f7 rgb(253,246,247)
```

Tint Color Variation

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

#6c6162
```
#6c6162 rgb(108,97,98)
```
#74595c
```
#74595c rgb(116,89,92)
```
#7c5155
```
#7c5155 rgb(124,81,85)
```
#84494f
```
#84494f rgb(132,73,79)
```
#8b4248
```
#8b4248 rgb(139,66,72)
```
#933a42
```
#933a42 rgb(147,58,66)
```
#9b323b
```
#9b323b rgb(155,50,59)
```
#a32a35
```
#a32a35 rgb(163,42,53)
```
#ab222e
```
#ab222e rgb(171,34,46)
```
#b31a27
```
#b31a27 rgb(179,26,39)
```
#bb1221
```
#bb1221 rgb(187,18,33)
```
#c30a1a
```
#c30a1a rgb(195,10,26)
```
#cb0214
```
#cb0214 rgb(203,2,20)
```

Tone Color Variation

Below, you can see how #ab222e 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
#5f4446 Atypical Achromatopsia 0.001% of the population

Dichromacy

#686149 Protanopia 1% of men
#775d2f Deuteranopia 1% of men
#af2f30 Tritanopia 0.001% of the population

Trichromacy

#804a3f Protanomaly 1% of men, 0.01% of women
#8a472e Deuteranomaly 6% of men, 0.4% of women
#ad2a2f Tritanomaly 0.01% of the population

#ab222e hex color

#ab222e Color Information

#ab222e Color Conversion

Color Schemes with #ab222e

Alternatives to #ab222e

#ab222e Preview

Shades and Tints of #ab222e

Tones of #ab222e

Color Blindness Simulator