#a4222e hex color

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

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

● #a4222e color description : Dark red.

The hexadecimal color #a4222e has RGB values of R:164, G:34, B:46 and CMYK values of C:0, M:0.79, Y:0.72, K:0.36. Its decimal value is 10756654.

Hex triplet	a4222e	`#a4222e`
RGB Decimal	164, 34, 46	`rgb(164,34,46)`
RGB Percent	64.3, 13.3, 18	`rgb(64.3%,13.3%,18%)`
CMYK	0, 79, 72, 36
HSL	354.5°, 65.7, 38.8	`hsl(354.5,65.7%,38.8%)`
HSV (or HSB)	354.5°, 79.3, 64.3
Web Safe	993333	`#993333`

CIE-LAB	36.434, 52.212, 26.782
XYZ	16.376, 9.236, 3.505
xyY	0.562, 0.317, 9.236
CIE-LCH	36.434, 58.68, 27.156
CIE-LUV	36.434, 93.84, 16.166
Hunter-Lab	30.39, 43.001, 14.435
Binary	10100100, 00100010, 00101110

#a4222e
```
#a4222e rgb(164,34,46)
```
#22a498
```
#22a498 rgb(34,164,152)
```

Complementary Color

#a4226f
```
#a4226f rgb(164,34,111)
```
#a4222e
```
#a4222e rgb(164,34,46)
```
#a45722
```
#a45722 rgb(164,87,34)
```

Analogous Color

#226fa4
```
#226fa4 rgb(34,111,164)
```
#a4222e
```
#a4222e rgb(164,34,46)
```
#22a457
```
#22a457 rgb(34,164,87)
```

Split Complementary Color

#222ea4
```
#222ea4 rgb(34,46,164)
```
#a4222e
```
#a4222e rgb(164,34,46)
```
#2ea422
```
#2ea422 rgb(46,164,34)
```

Triadic Color

#9822a4
```
#9822a4 rgb(152,34,164)
```
#a4222e
```
#a4222e rgb(164,34,46)
```
#2ea422
```
#2ea422 rgb(46,164,34)
```
#22a498
```
#22a498 rgb(34,164,152)
```

Tetradic Color

#65151c
```
#65151c rgb(101,21,28)
```
#7a1922
```
#7a1922 rgb(122,25,34)
```
#8f1e28
```
#8f1e28 rgb(143,30,40)
```
#a4222e
```
#a4222e rgb(164,34,46)
```
#b92634
```
#b92634 rgb(185,38,52)
```
#ce2b3a
```
#ce2b3a rgb(206,43,58)
```
#d73c4a
```
#d73c4a rgb(215,60,74)
```

Monochromatic Color

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

#a4224f
```
#a4224f rgb(164,34,79)
```
#a42244
```
#a42244 rgb(164,34,68)
```
#a42239
```
#a42239 rgb(164,34,57)
```
#a4222e
```
#a4222e rgb(164,34,46)
```
#a42223
```
#a42223 rgb(164,34,35)
```
#a42c22
```
#a42c22 rgb(164,44,34)
```
#a43722
```
#a43722 rgb(164,55,34)
```

Similar Colors

Text with hexadecimal color #a4222e

This text has a font color of #a4222e.

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

#a4222e background color

This paragraph has a background color of #a4222e.

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

#a4222e border color

This element has a border color of #a4222e.

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

CSS codes

.text {color:#a4222e;}

.background {background-color:#a4222e;}

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

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)
```
#22070a
```
#22070a rgb(34,7,10)
```
#320a0e
```
#320a0e rgb(50,10,14)
```
#430e13
```
#430e13 rgb(67,14,19)
```
#531117
```
#531117 rgb(83,17,23)
```
#63151c
```
#63151c rgb(99,21,28)
```
#731820
```
#731820 rgb(115,24,32)
```
#841b25
```
#841b25 rgb(132,27,37)
```
#941f29
```
#941f29 rgb(148,31,41)
```
#a4222e
```
#a4222e rgb(164,34,46)
```
#b42533
```
#b42533 rgb(180,37,51)
```
#c42937
```
#c42937 rgb(196,41,55)
```

Shade Color Variation

#d42d3d
```
#d42d3d rgb(212,45,61)
```
#d73e4c
```
#d73e4c rgb(215,62,76)
```
#da4e5b
```
#da4e5b rgb(218,78,91)
```
#de5e6a
```
#de5e6a rgb(222,94,106)
```
#e16e79
```
#e16e79 rgb(225,110,121)
```
#e47f88
```
#e47f88 rgb(228,127,136)
```
#e88f97
```
#e88f97 rgb(232,143,151)
```
#eb9fa6
```
#eb9fa6 rgb(235,159,166)
```
#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 #c20415 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)
```
#864047
```
#864047 rgb(134,64,71)
```
#8d3941
```
#8d3941 rgb(141,57,65)
```
#95313a
```
#95313a rgb(149,49,58)
```
#9c2a34
```
#9c2a34 rgb(156,42,52)
```
#a4222e
```
#a4222e rgb(164,34,46)
```
#ac1a28
```
#ac1a28 rgb(172,26,40)
```
#b31322
```
#b31322 rgb(179,19,34)
```
#bb0b1b
```
#bb0b1b rgb(187,11,27)
```
#c20415
```
#c20415 rgb(194,4,21)
```

Tone Color Variation

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

#645e48 Protanopia 1% of men
#735a30 Deuteranopia 1% of men
#a82f30 Tritanopia 0.001% of the population

Trichromacy

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

#a4222e hex color

#a4222e Color Information

#a4222e Color Conversion

Color Schemes with #a4222e

Alternatives to #a4222e

#a4222e Preview

Shades and Tints of #a4222e

Tones of #a4222e

Color Blindness Simulator