#ab222d hex color

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

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

● #ab222d color description : Dark red.

The hexadecimal color #ab222d has RGB values of R:171, G:34, B:45 and CMYK values of C:0, M:0.8, Y:0.74, K:0.33. Its decimal value is 11215405.

Hex triplet	ab222d	`#ab222d`
RGB Decimal	171, 34, 45	`rgb(171,34,45)`
RGB Percent	67.1, 13.3, 17.6	`rgb(67.1%,13.3%,17.6%)`
CMYK	0, 80, 74, 33
HSL	355.2°, 66.8, 40.2	`hsl(355.2,66.8%,40.2%)`
HSV (or HSB)	355.2°, 80.1, 67.1
Web Safe	993333	`#993333`

CIE-LAB	37.831, 54.254, 29.39
XYZ	17.841, 9.994, 3.472
xyY	0.57, 0.319, 9.994
CIE-LCH	37.831, 61.704, 28.445
CIE-LUV	37.831, 99.699, 17.951
Hunter-Lab	31.613, 45.417, 15.617
Binary	10101011, 00100010, 00101101

#ab222d
```
#ab222d rgb(171,34,45)
```
#22aba0
```
#22aba0 rgb(34,171,160)
```

Complementary Color

#ab2272
```
#ab2272 rgb(171,34,114)
```
#ab222d
```
#ab222d rgb(171,34,45)
```
#ab5b22
```
#ab5b22 rgb(171,91,34)
```

Analogous Color

#2272ab
```
#2272ab rgb(34,114,171)
```
#ab222d
```
#ab222d rgb(171,34,45)
```
#22ab5b
```
#22ab5b rgb(34,171,91)
```

Split Complementary Color

#222dab
```
#222dab rgb(34,45,171)
```
#ab222d
```
#ab222d rgb(171,34,45)
```
#2dab22
```
#2dab22 rgb(45,171,34)
```

Triadic Color

#a022ab
```
#a022ab rgb(160,34,171)
```
#ab222d
```
#ab222d rgb(171,34,45)
```
#2dab22
```
#2dab22 rgb(45,171,34)
```
#22aba0
```
#22aba0 rgb(34,171,160)
```

Tetradic Color

#6b151c
```
#6b151c rgb(107,21,28)
```
#801a22
```
#801a22 rgb(128,26,34)
```
#961e27
```
#961e27 rgb(150,30,39)
```
#ab222d
```
#ab222d rgb(171,34,45)
```
#c02633
```
#c02633 rgb(192,38,51)
```
#d52b39
```
#d52b39 rgb(213,43,57)
```
#d9404d
```
#d9404d rgb(217,64,77)
```

Monochromatic Color

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

#ab224f
```
#ab224f rgb(171,34,79)
```
#ab2244
```
#ab2244 rgb(171,34,68)
```
#ab2238
```
#ab2238 rgb(171,34,56)
```
#ab222d
```
#ab222d rgb(171,34,45)
```
#ab2222
```
#ab2222 rgb(171,34,34)
```
#ab2e22
```
#ab2e22 rgb(171,46,34)
```
#ab3922
```
#ab3922 rgb(171,57,34)
```

Similar Colors

Text with hexadecimal color #ab222d

This text has a font color of #ab222d.

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

#ab222d background color

This paragraph has a background color of #ab222d.

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

#ab222d border color

This element has a border color of #ab222d.

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

CSS codes

.text {color:#ab222d;}

.background {background-color:#ab222d;}

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

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)
```
#490e13
```
#490e13 rgb(73,14,19)
```
#591217
```
#591217 rgb(89,18,23)
```
#6a151c
```
#6a151c rgb(106,21,28)
```
#7a1820
```
#7a1820 rgb(122,24,32)
```
#8a1b24
```
#8a1b24 rgb(138,27,36)
```
#9b1f29
```
#9b1f29 rgb(155,31,41)
```
#ab222d
```
#ab222d rgb(171,34,45)
```
#bb2531
```
#bb2531 rgb(187,37,49)
```
#cc2936
```
#cc2936 rgb(204,41,54)
```

Shade Color Variation

#d6323f
```
#d6323f rgb(214,50,63)
```
#d9424e
```
#d9424e rgb(217,66,78)
```
#dd525d
```
#dd525d rgb(221,82,93)
```
#e0636d
```
#e0636d rgb(224,99,109)
```
#e3737c
```
#e3737c rgb(227,115,124)
```
#e6838b
```
#e6838b rgb(230,131,139)
```
#ea949b
```
#ea949b rgb(234,148,155)
```
#eda4aa
```
#eda4aa rgb(237,164,170)
```
#f0b5b9
```
#f0b5b9 rgb(240,181,185)
```
#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 #cb0213 is the most saturated one.

#6c6162
```
#6c6162 rgb(108,97,98)
```
#74595b
```
#74595b rgb(116,89,91)
```
#7c5155
```
#7c5155 rgb(124,81,85)
```
#84494e
```
#84494e rgb(132,73,78)
```
#8b4247
```
#8b4247 rgb(139,66,71)
```
#933a41
```
#933a41 rgb(147,58,65)
```
#9b323a
```
#9b323a rgb(155,50,58)
```
#a32a34
```
#a32a34 rgb(163,42,52)
```
#ab222d
```
#ab222d rgb(171,34,45)
```
#b31a26
```
#b31a26 rgb(179,26,38)
```
#bb1220
```
#bb1220 rgb(187,18,32)
```
#c30a19
```
#c30a19 rgb(195,10,25)
```
#cb0213
```
#cb0213 rgb(203,2,19)
```

Tone Color Variation

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

#686148 Protanopia 1% of men
#775d2e Deuteranopia 1% of men
#af2e30 Tritanopia 0.001% of the population

Trichromacy

#804a3e Protanomaly 1% of men, 0.01% of women
#8a472d Deuteranomaly 6% of men, 0.4% of women
#ad2a2e Tritanomaly 0.01% of the population

#ab222d hex color

#ab222d Color Information

#ab222d Color Conversion

Color Schemes with #ab222d

Alternatives to #ab222d

#ab222d Preview

Shades and Tints of #ab222d

Tones of #ab222d

Color Blindness Simulator