#a4222d hex color

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

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

● #a4222d color description : Dark red.

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

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

CIE-LAB	36.42, 52.165, 27.384
XYZ	16.356, 9.228, 3.402
xyY	0.564, 0.318, 9.228
CIE-LCH	36.42, 58.915, 27.697
CIE-LUV	36.42, 94.083, 16.599
Hunter-Lab	30.378, 42.949, 14.624
Binary	10100100, 00100010, 00101101

#a4222d
```
#a4222d rgb(164,34,45)
```
#22a499
```
#22a499 rgb(34,164,153)
```

Complementary Color

#a4226e
```
#a4226e rgb(164,34,110)
```
#a4222d
```
#a4222d rgb(164,34,45)
```
#a45822
```
#a45822 rgb(164,88,34)
```

Analogous Color

#226ea4
```
#226ea4 rgb(34,110,164)
```
#a4222d
```
#a4222d rgb(164,34,45)
```
#22a458
```
#22a458 rgb(34,164,88)
```

Split Complementary Color

#222da4
```
#222da4 rgb(34,45,164)
```
#a4222d
```
#a4222d rgb(164,34,45)
```
#2da422
```
#2da422 rgb(45,164,34)
```

Triadic Color

#9922a4
```
#9922a4 rgb(153,34,164)
```
#a4222d
```
#a4222d rgb(164,34,45)
```
#2da422
```
#2da422 rgb(45,164,34)
```
#22a499
```
#22a499 rgb(34,164,153)
```

Tetradic Color

#65151c
```
#65151c rgb(101,21,28)
```
#7a1921
```
#7a1921 rgb(122,25,33)
```
#8f1e27
```
#8f1e27 rgb(143,30,39)
```
#a4222d
```
#a4222d rgb(164,34,45)
```
#b92633
```
#b92633 rgb(185,38,51)
```
#ce2b39
```
#ce2b39 rgb(206,43,57)
```
#d73c49
```
#d73c49 rgb(215,60,73)
```

Monochromatic Color

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

#a4224e
```
#a4224e rgb(164,34,78)
```
#a42243
```
#a42243 rgb(164,34,67)
```
#a42238
```
#a42238 rgb(164,34,56)
```
#a4222d
```
#a4222d rgb(164,34,45)
```
#a42222
```
#a42222 rgb(164,34,34)
```
#a42d22
```
#a42d22 rgb(164,45,34)
```
#a43822
```
#a43822 rgb(164,56,34)
```

Similar Colors

Text with hexadecimal color #a4222d

This text has a font color of #a4222d.

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

#a4222d background color

This paragraph has a background color of #a4222d.

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

#a4222d border color

This element has a border color of #a4222d.

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

CSS codes

.text {color:#a4222d;}

.background {background-color:#a4222d;}

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

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)
```
#320a0e
```
#320a0e rgb(50,10,14)
```
#430e12
```
#430e12 rgb(67,14,18)
```
#531117
```
#531117 rgb(83,17,23)
```
#63151b
```
#63151b rgb(99,21,27)
```
#731820
```
#731820 rgb(115,24,32)
```
#841b24
```
#841b24 rgb(132,27,36)
```
#941f29
```
#941f29 rgb(148,31,41)
```
#a4222d
```
#a4222d rgb(164,34,45)
```
#b42531
```
#b42531 rgb(180,37,49)
```
#c42936
```
#c42936 rgb(196,41,54)
```

Shade Color Variation

#d42d3b
```
#d42d3b rgb(212,45,59)
```
#d73e4b
```
#d73e4b rgb(215,62,75)
```
#da4e5a
```
#da4e5a rgb(218,78,90)
```
#de5e69
```
#de5e69 rgb(222,94,105)
```
#e16e78
```
#e16e78 rgb(225,110,120)
```
#e47f87
```
#e47f87 rgb(228,127,135)
```
#e88f96
```
#e88f96 rgb(232,143,150)
```
#eb9fa5
```
#eb9fa5 rgb(235,159,165)
```
#eeafb5
```
#eeafb5 rgb(238,175,181)
```
#f2c0c4
```
#f2c0c4 rgb(242,192,196)
```
#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 #c20414 is the most saturated one.

#675f60
```
#675f60 rgb(103,95,96)
```
#6f5759
```
#6f5759 rgb(111,87,89)
```
#765053
```
#765053 rgb(118,80,83)
```
#7e484d
```
#7e484d rgb(126,72,77)
```
#864046
```
#864046 rgb(134,64,70)
```
#8d3940
```
#8d3940 rgb(141,57,64)
```
#95313a
```
#95313a rgb(149,49,58)
```
#9c2a33
```
#9c2a33 rgb(156,42,51)
```
#a4222d
```
#a4222d rgb(164,34,45)
```
#ac1a27
```
#ac1a27 rgb(172,26,39)
```
#b31320
```
#b31320 rgb(179,19,32)
```
#bb0b1a
```
#bb0b1a rgb(187,11,26)
```
#c20414
```
#c20414 rgb(194,4,20)
```

Tone Color Variation

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

#655e47 Protanopia 1% of men
#735a2f Deuteranopia 1% of men
#a82e30 Tritanopia 0.001% of the population

Trichromacy

#7b483e Protanomaly 1% of men, 0.01% of women
#85452e Deuteranomaly 6% of men, 0.4% of women
#a62a2f Tritanomaly 0.01% of the population

#a4222d hex color

#a4222d Color Information

#a4222d Color Conversion

Color Schemes with #a4222d

Alternatives to #a4222d

#a4222d Preview

Shades and Tints of #a4222d

Tones of #a4222d

Color Blindness Simulator