#ab2218 hex color

In a RGB color space, hex #ab2218 is composed of 67.1% red, 13.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.1% magenta, 86% yellow and 32.9% black. It has a hue angle of 4.1 degrees, a saturation of 75.4% and a lightness of 38.2%. #ab2218 color hex could be obtained by blending #ff4430 with #570000. Closest websafe color is: #993300.

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

● #ab2218 color description : Dark red.

The hexadecimal color #ab2218 has RGB values of R:171, G:34, B:24 and CMYK values of C:0, M:0.8, Y:0.86, K:0.33. Its decimal value is 11215384.

Hex triplet	ab2218	`#ab2218`
RGB Decimal	171, 34, 24	`rgb(171,34,24)`
RGB Percent	67.1, 13.3, 9.4	`rgb(67.1%,13.3%,9.4%)`
CMYK	0, 80, 86, 33
HSL	4.1°, 75.4, 38.2	`hsl(4.1,75.4%,38.2%)`
HSV (or HSB)	4.1°, 86, 67.1
Web Safe	993300	`#993300`

CIE-LAB	37.608, 53.553, 41.048
XYZ	17.532, 9.87, 1.846
xyY	0.599, 0.337, 9.87
CIE-LCH	37.608, 67.475, 37.47
CIE-LUV	37.608, 103.639, 24.823
Hunter-Lab	31.417, 44.634, 18.508
Binary	10101011, 00100010, 00011000

#ab2218
```
#ab2218 rgb(171,34,24)
```
#18a1ab
```
#18a1ab rgb(24,161,171)
```

Complementary Color

#ab1858
```
#ab1858 rgb(171,24,88)
```
#ab2218
```
#ab2218 rgb(171,34,24)
```
#ab6c18
```
#ab6c18 rgb(171,108,24)
```

Analogous Color

#1858ab
```
#1858ab rgb(24,88,171)
```
#ab2218
```
#ab2218 rgb(171,34,24)
```
#18ab6c
```
#18ab6c rgb(24,171,108)
```

Split Complementary Color

#2218ab
```
#2218ab rgb(34,24,171)
```
#ab2218
```
#ab2218 rgb(171,34,24)
```
#18ab22
```
#18ab22 rgb(24,171,34)
```

Triadic Color

#ab18a1
```
#ab18a1 rgb(171,24,161)
```
#ab2218
```
#ab2218 rgb(171,34,24)
```
#18ab22
```
#18ab22 rgb(24,171,34)
```
#18a1ab
```
#18a1ab rgb(24,161,171)
```

Tetradic Color

#68150f
```
#68150f rgb(104,21,15)
```
#7e1912
```
#7e1912 rgb(126,25,18)
```
#951e15
```
#951e15 rgb(149,30,21)
```
#ab2218
```
#ab2218 rgb(171,34,24)
```
#c1261b
```
#c1261b rgb(193,38,27)
```
#d82b1e
```
#d82b1e rgb(216,43,30)
```
#e23a2e
```
#e23a2e rgb(226,58,46)
```

Monochromatic Color

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

#ab1833
```
#ab1833 rgb(171,24,51)
```
#ab1827
```
#ab1827 rgb(171,24,39)
```
#ab181a
```
#ab181a rgb(171,24,26)
```
#ab2218
```
#ab2218 rgb(171,34,24)
```
#ab2e18
```
#ab2e18 rgb(171,46,24)
```
#ab3b18
```
#ab3b18 rgb(171,59,24)
```
#ab4718
```
#ab4718 rgb(171,71,24)
```

Similar Colors

Text with hexadecimal color #ab2218

This text has a font color of #ab2218.

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

#ab2218 background color

This paragraph has a background color of #ab2218.

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

#ab2218 border color

This element has a border color of #ab2218.

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

CSS codes

.text {color:#ab2218;}

.background {background-color:#ab2218;}

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

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

#100302
```
#100302 rgb(16,3,2)
```
#210705
```
#210705 rgb(33,7,5)
```
#330a07
```
#330a07 rgb(51,10,7)
```
#440d0a
```
#440d0a rgb(68,13,10)
```
#55110c
```
#55110c rgb(85,17,12)
```
#66140e
```
#66140e rgb(102,20,14)
```
#771811
```
#771811 rgb(119,24,17)
```
#891b13
```
#891b13 rgb(137,27,19)
```
#9a1f16
```
#9a1f16 rgb(154,31,22)
```
#ab2218
```
#ab2218 rgb(171,34,24)
```
#bc251a
```
#bc251a rgb(188,37,26)
```
#cd291d
```
#cd291d rgb(205,41,29)
```
#df2c1f
```
#df2c1f rgb(223,44,31)
```

Shade Color Variation

#e23c30
```
#e23c30 rgb(226,60,48)
```
#e44c41
```
#e44c41 rgb(228,76,65)
```
#e75c52
```
#e75c52 rgb(231,92,82)
```
#e96c63
```
#e96c63 rgb(233,108,99)
```
#ec7c74
```
#ec7c74 rgb(236,124,116)
```
#ee8d86
```
#ee8d86 rgb(238,141,134)
```
#f09d97
```
#f09d97 rgb(240,157,151)
```
#f3ada8
```
#f3ada8 rgb(243,173,168)
```
#f5bdb9
```
#f5bdb9 rgb(245,189,185)
```
#f8cdca
```
#f8cdca rgb(248,205,202)
```
#fadedc
```
#fadedc rgb(250,222,220)
```
#fceeed
```
#fceeed rgb(252,238,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#685c5c
```
#685c5c rgb(104,92,92)
```
#6f5654
```
#6f5654 rgb(111,86,84)
```
#774f4d
```
#774f4d rgb(119,79,77)
```
#7e4945
```
#7e4945 rgb(126,73,69)
```
#86423e
```
#86423e rgb(134,66,62)
```
#8d3c36
```
#8d3c36 rgb(141,60,54)
```
#95352f
```
#95352f rgb(149,53,47)
```
#9c2f27
```
#9c2f27 rgb(156,47,39)
```
#a42820
```
#a42820 rgb(164,40,32)
```
#ab2218
```
#ab2218 rgb(171,34,24)
```
#b31c11
```
#b31c11 rgb(179,28,17)
```
#ba1509
```
#ba1509 rgb(186,21,9)
```
#c20f01
```
#c20f01 rgb(194,15,1)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#5d4240 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6130 Protanopia 1% of men
#795c14 Deuteranopia 1% of men
#af2c2d Tritanopia 0.001% of the population

Trichromacy

#824a27 Protanomaly 1% of men, 0.01% of women
#8b4715 Deuteranomaly 6% of men, 0.4% of women
#ad2825 Tritanomaly 0.01% of the population

#ab2218 hex color

#ab2218 Color Information

#ab2218 Color Conversion

Color Schemes with #ab2218

Alternatives to #ab2218

#ab2218 Preview

Shades and Tints of #ab2218

Tones of #ab2218

Color Blindness Simulator