#a4222c hex color

In a RGB color space, hex #a4222c is composed of 64.3% red, 13.3% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.3% magenta, 73.2% yellow and 35.7% black. It has a hue angle of 355.4 degrees, a saturation of 65.7% and a lightness of 38.8%. #a4222c color hex could be obtained by blending #ff4458 with #490000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 64
- G 13
- B 17
RGB color chart
- C 0
- M 79
- Y 73
- K 36
CMYK color chart

● #a4222c color description : Dark red.

The hexadecimal color #a4222c has RGB values of R:164, G:34, B:44 and CMYK values of C:0, M:0.79, Y:0.73, K:0.36. Its decimal value is 10756652.

Hex triplet	a4222c	`#a4222c`
RGB Decimal	164, 34, 44	`rgb(164,34,44)`
RGB Percent	64.3, 13.3, 17.3	`rgb(64.3%,13.3%,17.3%)`
CMYK	0, 79, 73, 36
HSL	355.4°, 65.7, 38.8	`hsl(355.4,65.7%,38.8%)`
HSV (or HSB)	355.4°, 79.3, 64.3
Web Safe	993333	`#993333`

CIE-LAB	36.405, 52.119, 27.983
XYZ	16.337, 9.22, 3.302
xyY	0.566, 0.319, 9.22
CIE-LCH	36.405, 59.156, 28.232
CIE-LUV	36.405, 94.322, 17.023
Hunter-Lab	30.365, 42.899, 14.808
Binary	10100100, 00100010, 00101100

#a4222c
```
#a4222c rgb(164,34,44)
```
#22a49a
```
#22a49a rgb(34,164,154)
```

Complementary Color

#a4226d
```
#a4226d rgb(164,34,109)
```
#a4222c
```
#a4222c rgb(164,34,44)
```
#a45922
```
#a45922 rgb(164,89,34)
```

Analogous Color

#226da4
```
#226da4 rgb(34,109,164)
```
#a4222c
```
#a4222c rgb(164,34,44)
```
#22a459
```
#22a459 rgb(34,164,89)
```

Split Complementary Color

#222ca4
```
#222ca4 rgb(34,44,164)
```
#a4222c
```
#a4222c rgb(164,34,44)
```
#2ca422
```
#2ca422 rgb(44,164,34)
```

Triadic Color

#9a22a4
```
#9a22a4 rgb(154,34,164)
```
#a4222c
```
#a4222c rgb(164,34,44)
```
#2ca422
```
#2ca422 rgb(44,164,34)
```
#22a49a
```
#22a49a rgb(34,164,154)
```

Tetradic Color

#65151b
```
#65151b rgb(101,21,27)
```
#7a1921
```
#7a1921 rgb(122,25,33)
```
#8f1e26
```
#8f1e26 rgb(143,30,38)
```
#a4222c
```
#a4222c rgb(164,34,44)
```
#b92632
```
#b92632 rgb(185,38,50)
```
#ce2b37
```
#ce2b37 rgb(206,43,55)
```
#d73c48
```
#d73c48 rgb(215,60,72)
```

Monochromatic Color

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

#a4224d
```
#a4224d rgb(164,34,77)
```
#a42242
```
#a42242 rgb(164,34,66)
```
#a42237
```
#a42237 rgb(164,34,55)
```
#a4222c
```
#a4222c rgb(164,34,44)
```
#a42322
```
#a42322 rgb(164,35,34)
```
#a42e22
```
#a42e22 rgb(164,46,34)
```
#a43822
```
#a43822 rgb(164,56,34)
```

Similar Colors

Text with hexadecimal color #a4222c

This text has a font color of #a4222c.

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

#a4222c background color

This paragraph has a background color of #a4222c.

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

#a4222c border color

This element has a border color of #a4222c.

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

CSS codes

.text {color:#a4222c;}

.background {background-color:#a4222c;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#120405
```
#120405 rgb(18,4,5)
```
#220709
```
#220709 rgb(34,7,9)
```
#320a0d
```
#320a0d rgb(50,10,13)
```
#430e12
```
#430e12 rgb(67,14,18)
```
#531116
```
#531116 rgb(83,17,22)
```
#63151b
```
#63151b rgb(99,21,27)
```
#73181f
```
#73181f rgb(115,24,31)
```
#841b23
```
#841b23 rgb(132,27,35)
```
#941f28
```
#941f28 rgb(148,31,40)
```
#a4222c
```
#a4222c rgb(164,34,44)
```
#b42530
```
#b42530 rgb(180,37,48)
```
#c42935
```
#c42935 rgb(196,41,53)
```

Shade Color Variation

#d42d3a
```
#d42d3a rgb(212,45,58)
```
#d73e49
```
#d73e49 rgb(215,62,73)
```
#da4e59
```
#da4e59 rgb(218,78,89)
```
#de5e68
```
#de5e68 rgb(222,94,104)
```
#e16e77
```
#e16e77 rgb(225,110,119)
```
#e47f86
```
#e47f86 rgb(228,127,134)
```
#e88f96
```
#e88f96 rgb(232,143,150)
```
#eb9fa5
```
#eb9fa5 rgb(235,159,165)
```
#eeafb4
```
#eeafb4 rgb(238,175,180)
```
#f2c0c3
```
#f2c0c3 rgb(242,192,195)
```
#f5d0d3
```
#f5d0d3 rgb(245,208,211)
```
#f9e0e2
```
#f9e0e2 rgb(249,224,226)
```
#fcf0f1
```
#fcf0f1 rgb(252,240,241)
```

Tint Color Variation

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

#675f60
```
#675f60 rgb(103,95,96)
```
#6f5759
```
#6f5759 rgb(111,87,89)
```
#765053
```
#765053 rgb(118,80,83)
```
#7e484c
```
#7e484c rgb(126,72,76)
```
#864046
```
#864046 rgb(134,64,70)
```
#8d393f
```
#8d393f rgb(141,57,63)
```
#953139
```
#953139 rgb(149,49,57)
```
#9c2a32
```
#9c2a32 rgb(156,42,50)
```
#a4222c
```
#a4222c rgb(164,34,44)
```
#ac1a26
```
#ac1a26 rgb(172,26,38)
```
#b3131f
```
#b3131f rgb(179,19,31)
```
#bb0b19
```
#bb0b19 rgb(187,11,25)
```
#c20412
```
#c20412 rgb(194,4,18)
```

Tone Color Variation

Below, you can see how #a4222c 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
#5c4244 Atypical Achromatopsia 0.001% of the population

Dichromacy

#655e46 Protanopia 1% of men
#735a2e Deuteranopia 1% of men
#a82e30 Tritanopia 0.001% of the population

Trichromacy

#7c483c Protanomaly 1% of men, 0.01% of women
#85452d Deuteranomaly 6% of men, 0.4% of women
#a62a2e Tritanomaly 0.01% of the population

#a4222c hex color

#a4222c Color Information

#a4222c Color Conversion

Color Schemes with #a4222c

Alternatives to #a4222c

#a4222c Preview

Shades and Tints of #a4222c

Tones of #a4222c

Color Blindness Simulator