#ab222f hex color

In a RGB color space, hex #ab222f is composed of 67.1% red, 13.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.1% magenta, 72.5% yellow and 32.9% black. It has a hue angle of 354.3 degrees, a saturation of 66.8% and a lightness of 40.2%. #ab222f color hex could be obtained by blending #ff445e 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

● #ab222f color description : Dark red.

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

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

CIE-LAB	37.859, 54.343, 28.199
XYZ	17.881, 10.009, 3.68
xyY	0.566, 0.317, 10.009
CIE-LCH	37.859, 61.224, 27.425
CIE-LUV	37.859, 99.217, 17.107
Hunter-Lab	31.638, 45.517, 15.25
Binary	10101011, 00100010, 00101111

#ab222f
```
#ab222f rgb(171,34,47)
```
#22ab9e
```
#22ab9e rgb(34,171,158)
```

Complementary Color

#ab2274
```
#ab2274 rgb(171,34,116)
```
#ab222f
```
#ab222f rgb(171,34,47)
```
#ab5a22
```
#ab5a22 rgb(171,90,34)
```

Analogous Color

#2274ab
```
#2274ab rgb(34,116,171)
```
#ab222f
```
#ab222f rgb(171,34,47)
```
#22ab5a
```
#22ab5a rgb(34,171,90)
```

Split Complementary Color

#222fab
```
#222fab rgb(34,47,171)
```
#ab222f
```
#ab222f rgb(171,34,47)
```
#2fab22
```
#2fab22 rgb(47,171,34)
```

Triadic Color

#9e22ab
```
#9e22ab rgb(158,34,171)
```
#ab222f
```
#ab222f rgb(171,34,47)
```
#2fab22
```
#2fab22 rgb(47,171,34)
```
#22ab9e
```
#22ab9e rgb(34,171,158)
```

Tetradic Color

#6b151d
```
#6b151d rgb(107,21,29)
```
#801a23
```
#801a23 rgb(128,26,35)
```
#961e29
```
#961e29 rgb(150,30,41)
```
#ab222f
```
#ab222f rgb(171,34,47)
```
#c02635
```
#c02635 rgb(192,38,53)
```
#d52b3b
```
#d52b3b rgb(213,43,59)
```
#d9404f
```
#d9404f rgb(217,64,79)
```

Monochromatic Color

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

#ab2251
```
#ab2251 rgb(171,34,81)
```
#ab2246
```
#ab2246 rgb(171,34,70)
```
#ab223a
```
#ab223a rgb(171,34,58)
```
#ab222f
```
#ab222f rgb(171,34,47)
```
#ab2224
```
#ab2224 rgb(171,34,36)
```
#ab2c22
```
#ab2c22 rgb(171,44,34)
```
#ab3722
```
#ab3722 rgb(171,55,34)
```

Similar Colors

Text with hexadecimal color #ab222f

This text has a font color of #ab222f.

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

#ab222f background color

This paragraph has a background color of #ab222f.

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

#ab222f border color

This element has a border color of #ab222f.

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

CSS codes

.text {color:#ab222f;}

.background {background-color:#ab222f;}

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

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)
```
#180507
```
#180507 rgb(24,5,7)
```
#28080b
```
#28080b rgb(40,8,11)
```
#380b10
```
#380b10 rgb(56,11,16)
```
#490e14
```
#490e14 rgb(73,14,20)
```
#591219
```
#591219 rgb(89,18,25)
```
#6a151d
```
#6a151d rgb(106,21,29)
```
#7a1822
```
#7a1822 rgb(122,24,34)
```
#8a1b26
```
#8a1b26 rgb(138,27,38)
```
#9b1f2b
```
#9b1f2b rgb(155,31,43)
```
#ab222f
```
#ab222f rgb(171,34,47)
```
#bb2533
```
#bb2533 rgb(187,37,51)
```
#cc2938
```
#cc2938 rgb(204,41,56)
```

Shade Color Variation

#d63241
```
#d63241 rgb(214,50,65)
```
#d94250
```
#d94250 rgb(217,66,80)
```
#dd5260
```
#dd5260 rgb(221,82,96)
```
#e0636f
```
#e0636f rgb(224,99,111)
```
#e3737e
```
#e3737e rgb(227,115,126)
```
#e6838d
```
#e6838d rgb(230,131,141)
```
#ea949c
```
#ea949c rgb(234,148,156)
```
#eda4ab
```
#eda4ab rgb(237,164,171)
```
#f0b5ba
```
#f0b5ba rgb(240,181,186)
```
#f3c5c9
```
#f3c5c9 rgb(243,197,201)
```
#f7d5d8
```
#f7d5d8 rgb(247,213,216)
```
#fae6e8
```
#fae6e8 rgb(250,230,232)
```
#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 #cb0215 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)
```
#8b4249
```
#8b4249 rgb(139,66,73)
```
#933a42
```
#933a42 rgb(147,58,66)
```
#9b323c
```
#9b323c rgb(155,50,60)
```
#a32a35
```
#a32a35 rgb(163,42,53)
```
#ab222f
```
#ab222f rgb(171,34,47)
```
#b31a29
```
#b31a29 rgb(179,26,41)
```
#bb1222
```
#bb1222 rgb(187,18,34)
```
#c30a1c
```
#c30a1c rgb(195,10,28)
```
#cb0215
```
#cb0215 rgb(203,2,21)
```

Tone Color Variation

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

#68614a Protanopia 1% of men
#775d30 Deuteranopia 1% of men
#af2f30 Tritanopia 0.001% of the population

Trichromacy

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

#ab222f hex color

#ab222f Color Information

#ab222f Color Conversion

Color Schemes with #ab222f

Alternatives to #ab222f

#ab222f Preview

Shades and Tints of #ab222f

Tones of #ab222f

Color Blindness Simulator