#ab2522 hex color

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

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

● #ab2522 color description : Dark red.

The hexadecimal color #ab2522 has RGB values of R:171, G:37, B:34 and CMYK values of C:0, M:0.78, Y:0.8, K:0.33. Its decimal value is 11216162.

Hex triplet	ab2522	`#ab2522`
RGB Decimal	171, 37, 34	`rgb(171,37,34)`
RGB Percent	67.1, 14.5, 13.3	`rgb(67.1%,14.5%,13.3%)`
CMYK	0, 78, 80, 33
HSL	1.3°, 66.8, 40.2	`hsl(1.3,66.8%,40.2%)`
HSV (or HSB)	1.3°, 80.1, 67.1
Web Safe	993333	`#993333`

CIE-LAB	38.019, 52.933, 36.079
XYZ	17.746, 10.099, 2.528
xyY	0.584, 0.332, 10.099
CIE-LCH	38.019, 64.059, 34.278
CIE-LUV	38.019, 100.64, 22.59
Hunter-Lab	31.779, 44.066, 17.528
Binary	10101011, 00100101, 00100010

#ab2522
```
#ab2522 rgb(171,37,34)
```
#22a8ab
```
#22a8ab rgb(34,168,171)
```

Complementary Color

#ab2263
```
#ab2263 rgb(171,34,99)
```
#ab2522
```
#ab2522 rgb(171,37,34)
```
#ab6a22
```
#ab6a22 rgb(171,106,34)
```

Analogous Color

#2263ab
```
#2263ab rgb(34,99,171)
```
#ab2522
```
#ab2522 rgb(171,37,34)
```
#22ab6a
```
#22ab6a rgb(34,171,106)
```

Split Complementary Color

#2522ab
```
#2522ab rgb(37,34,171)
```
#ab2522
```
#ab2522 rgb(171,37,34)
```
#22ab25
```
#22ab25 rgb(34,171,37)
```

Triadic Color

#ab22a8
```
#ab22a8 rgb(171,34,168)
```
#ab2522
```
#ab2522 rgb(171,37,34)
```
#22ab25
```
#22ab25 rgb(34,171,37)
```
#22a8ab
```
#22a8ab rgb(34,168,171)
```

Tetradic Color

#6b1715
```
#6b1715 rgb(107,23,21)
```
#801c1a
```
#801c1a rgb(128,28,26)
```
#96201e
```
#96201e rgb(150,32,30)
```
#ab2522
```
#ab2522 rgb(171,37,34)
```
#c02a26
```
#c02a26 rgb(192,42,38)
```
#d52f2b
```
#d52f2b rgb(213,47,43)
```
#d94440
```
#d94440 rgb(217,68,64)
```

Monochromatic Color

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

#ab2241
```
#ab2241 rgb(171,34,65)
```
#ab2236
```
#ab2236 rgb(171,34,54)
```
#ab222a
```
#ab222a rgb(171,34,42)
```
#ab2522
```
#ab2522 rgb(171,37,34)
```
#ab3022
```
#ab3022 rgb(171,48,34)
```
#ab3c22
```
#ab3c22 rgb(171,60,34)
```
#ab4722
```
#ab4722 rgb(171,71,34)
```

Similar Colors

Text with hexadecimal color #ab2522

This text has a font color of #ab2522.

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

#ab2522 background color

This paragraph has a background color of #ab2522.

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

#ab2522 border color

This element has a border color of #ab2522.

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

CSS codes

.text {color:#ab2522;}

.background {background-color:#ab2522;}

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

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

#070201
```
#070201 rgb(7,2,1)
```
#180505
```
#180505 rgb(24,5,5)
```
#280908
```
#280908 rgb(40,9,8)
```
#380c0b
```
#380c0b rgb(56,12,11)
```
#49100e
```
#49100e rgb(73,16,14)
```
#591312
```
#591312 rgb(89,19,18)
```
#6a1715
```
#6a1715 rgb(106,23,21)
```
#7a1a18
```
#7a1a18 rgb(122,26,24)
```
#8a1e1b
```
#8a1e1b rgb(138,30,27)
```
#9b211f
```
#9b211f rgb(155,33,31)
```
#ab2522
```
#ab2522 rgb(171,37,34)
```
#bb2925
```
#bb2925 rgb(187,41,37)
```
#cc2c29
```
#cc2c29 rgb(204,44,41)
```

Shade Color Variation

#d63532
```
#d63532 rgb(214,53,50)
```
#d94542
```
#d94542 rgb(217,69,66)
```
#dd5552
```
#dd5552 rgb(221,85,82)
```
#e06563
```
#e06563 rgb(224,101,99)
```
#e37673
```
#e37673 rgb(227,118,115)
```
#e68683
```
#e68683 rgb(230,134,131)
```
#ea9694
```
#ea9694 rgb(234,150,148)
```
#eda6a4
```
#eda6a4 rgb(237,166,164)
```
#f0b6b5
```
#f0b6b5 rgb(240,182,181)
```
#f3c6c5
```
#f3c6c5 rgb(243,198,197)
```
#f7d6d5
```
#f7d6d5 rgb(247,214,213)
```
#fae6e6
```
#fae6e6 rgb(250,230,230)
```
#fdf6f6
```
#fdf6f6 rgb(253,246,246)
```

Tint Color Variation

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

#6c6161
```
#6c6161 rgb(108,97,97)
```
#745a59
```
#745a59 rgb(116,90,89)
```
#7c5251
```
#7c5251 rgb(124,82,81)
```
#844b49
```
#844b49 rgb(132,75,73)
```
#8b4342
```
#8b4342 rgb(139,67,66)
```
#933c3a
```
#933c3a rgb(147,60,58)
```
#9b3432
```
#9b3432 rgb(155,52,50)
```
#a32d2a
```
#a32d2a rgb(163,45,42)
```
#ab2522
```
#ab2522 rgb(171,37,34)
```
#b31d1a
```
#b31d1a rgb(179,29,26)
```
#bb1612
```
#bb1612 rgb(187,22,18)
```
#c30e0a
```
#c30e0a rgb(195,14,10)
```
#cb0702
```
#cb0702 rgb(203,7,2)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#604544 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b623b Protanopia 1% of men
#795d22 Deuteranopia 1% of men
#af2f31 Tritanopia 0.001% of the population

Trichromacy

#824b32 Protanomaly 1% of men, 0.01% of women
#8b4822 Deuteranomaly 6% of men, 0.4% of women
#ad2b2b Tritanomaly 0.01% of the population

#ab2522 hex color

#ab2522 Color Information

#ab2522 Color Conversion

Color Schemes with #ab2522

Alternatives to #ab2522

#ab2522 Preview

Shades and Tints of #ab2522

Tones of #ab2522

Color Blindness Simulator