#ab224a hex color

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

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

● #ab224a color description : Dark pink.

The hexadecimal color #ab224a has RGB values of R:171, G:34, B:74 and CMYK values of C:0, M:0.8, Y:0.57, K:0.33. Its decimal value is 11215434.

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

CIE-LAB	38.373, 55.939, 11.812
XYZ	18.603, 10.299, 7.486
xyY	0.511, 0.283, 10.299
CIE-LCH	38.373, 57.172, 11.923
CIE-LUV	38.373, 91.146, 2.827
Hunter-Lab	32.091, 47.317, 8.632
Binary	10101011, 00100010, 01001010

#ab224a
```
#ab224a rgb(171,34,74)
```
#22ab83
```
#22ab83 rgb(34,171,131)
```

Complementary Color

#ab228f
```
#ab228f rgb(171,34,143)
```
#ab224a
```
#ab224a rgb(171,34,74)
```
#ab3e22
```
#ab3e22 rgb(171,62,34)
```

Analogous Color

#228fab
```
#228fab rgb(34,143,171)
```
#ab224a
```
#ab224a rgb(171,34,74)
```
#22ab3e
```
#22ab3e rgb(34,171,62)
```

Split Complementary Color

#224aab
```
#224aab rgb(34,74,171)
```
#ab224a
```
#ab224a rgb(171,34,74)
```
#4aab22
```
#4aab22 rgb(74,171,34)
```

Triadic Color

#8322ab
```
#8322ab rgb(131,34,171)
```
#ab224a
```
#ab224a rgb(171,34,74)
```
#4aab22
```
#4aab22 rgb(74,171,34)
```
#22ab83
```
#22ab83 rgb(34,171,131)
```

Tetradic Color

#6b152e
```
#6b152e rgb(107,21,46)
```
#801a38
```
#801a38 rgb(128,26,56)
```
#961e41
```
#961e41 rgb(150,30,65)
```
#ab224a
```
#ab224a rgb(171,34,74)
```
#c02653
```
#c02653 rgb(192,38,83)
```
#d52b5d
```
#d52b5d rgb(213,43,93)
```
#d9406d
```
#d9406d rgb(217,64,109)
```

Monochromatic Color

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

#ab226c
```
#ab226c rgb(171,34,108)
```
#ab2261
```
#ab2261 rgb(171,34,97)
```
#ab2255
```
#ab2255 rgb(171,34,85)
```
#ab224a
```
#ab224a rgb(171,34,74)
```
#ab223f
```
#ab223f rgb(171,34,63)
```
#ab2233
```
#ab2233 rgb(171,34,51)
```
#ab2228
```
#ab2228 rgb(171,34,40)
```

Similar Colors

Text with hexadecimal color #ab224a

This text has a font color of #ab224a.

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

#ab224a background color

This paragraph has a background color of #ab224a.

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

#ab224a border color

This element has a border color of #ab224a.

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

CSS codes

.text {color:#ab224a;}

.background {background-color:#ab224a;}

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

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

#070103
```
#070103 rgb(7,1,3)
```
#18050a
```
#18050a rgb(24,5,10)
```
#280811
```
#280811 rgb(40,8,17)
```
#380b18
```
#380b18 rgb(56,11,24)
```
#490e20
```
#490e20 rgb(73,14,32)
```
#591227
```
#591227 rgb(89,18,39)
```
#6a152e
```
#6a152e rgb(106,21,46)
```
#7a1835
```
#7a1835 rgb(122,24,53)
```
#8a1b3c
```
#8a1b3c rgb(138,27,60)
```
#9b1f43
```
#9b1f43 rgb(155,31,67)
```
#ab224a
```
#ab224a rgb(171,34,74)
```
#bb2551
```
#bb2551 rgb(187,37,81)
```
#cc2958
```
#cc2958 rgb(204,41,88)
```

Shade Color Variation

#d63262
```
#d63262 rgb(214,50,98)
```
#d9426e
```
#d9426e rgb(217,66,110)
```
#dd527b
```
#dd527b rgb(221,82,123)
```
#e06387
```
#e06387 rgb(224,99,135)
```
#e37394
```
#e37394 rgb(227,115,148)
```
#e683a0
```
#e683a0 rgb(230,131,160)
```
#ea94ad
```
#ea94ad rgb(234,148,173)
```
#eda4b9
```
#eda4b9 rgb(237,164,185)
```
#f0b5c6
```
#f0b5c6 rgb(240,181,198)
```
#f3c5d3
```
#f3c5d3 rgb(243,197,211)
```
#f7d5df
```
#f7d5df rgb(247,213,223)
```
#fae6ec
```
#fae6ec rgb(250,230,236)
```
#fdf6f8
```
#fdf6f8 rgb(253,246,248)
```

Tint Color Variation

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

#6c6164
```
#6c6164 rgb(108,97,100)
```
#745961
```
#745961 rgb(116,89,97)
```
#7c515e
```
#7c515e rgb(124,81,94)
```
#84495a
```
#84495a rgb(132,73,90)
```
#8b4257
```
#8b4257 rgb(139,66,87)
```
#933a54
```
#933a54 rgb(147,58,84)
```
#9b3251
```
#9b3251 rgb(155,50,81)
```
#a32a4d
```
#a32a4d rgb(163,42,77)
```
#ab224a
```
#ab224a rgb(171,34,74)
```
#b31a47
```
#b31a47 rgb(179,26,71)
```
#bb1243
```
#bb1243 rgb(187,18,67)
```
#c30a40
```
#c30a40 rgb(195,10,64)
```
#cb023d
```
#cb023d rgb(203,2,61)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#62474f Atypical Achromatopsia 0.001% of the population

Dichromacy

#62626a Protanopia 1% of men
#745f4a Deuteranopia 1% of men
#ad3436 Tritanopia 0.001% of the population

Trichromacy

#7c4a5e Protanomaly 1% of men, 0.01% of women
#88484a Deuteranomaly 6% of men, 0.4% of women
#ac2d3d Tritanomaly 0.01% of the population

#ab224a hex color

#ab224a Color Information

#ab224a Color Conversion

Color Schemes with #ab224a

Alternatives to #ab224a

#ab224a Preview

Shades and Tints of #ab224a

Tones of #ab224a

Color Blindness Simulator