#a8221f hex color

In a RGB color space, hex #a8221f is composed of 65.9% red, 13.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.8% magenta, 81.5% yellow and 34.1% black. It has a hue angle of 1.3 degrees, a saturation of 68.8% and a lightness of 39%. #a8221f color hex could be obtained by blending #ff443e with #510000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 66
- G 13
- B 12
RGB color chart
- C 0
- M 80
- Y 82
- K 34
CMYK color chart

● #a8221f color description : Dark red.

The hexadecimal color #a8221f has RGB values of R:168, G:34, B:31 and CMYK values of C:0, M:0.8, Y:0.82, K:0.34. Its decimal value is 11018783.

Hex triplet	a8221f	`#a8221f`
RGB Decimal	168, 34, 31	`rgb(168,34,31)`
RGB Percent	65.9, 13.3, 12.2	`rgb(65.9%,13.3%,12.2%)`
CMYK	0, 80, 82, 34
HSL	1.3°, 68.8, 39	`hsl(1.3,68.8%,39%)`
HSV (or HSB)	1.3°, 81.5, 65.9
Web Safe	993333	`#993333`

CIE-LAB	37.059, 52.836, 36.599
XYZ	16.969, 9.57, 2.25
xyY	0.589, 0.332, 9.57
CIE-LCH	37.059, 64.274, 34.71
CIE-LUV	37.059, 100.182, 22.443
Hunter-Lab	30.935, 43.774, 17.342
Binary	10101000, 00100010, 00011111

#a8221f
```
#a8221f rgb(168,34,31)
```
#1fa5a8
```
#1fa5a8 rgb(31,165,168)
```

Complementary Color

#a81f61
```
#a81f61 rgb(168,31,97)
```
#a8221f
```
#a8221f rgb(168,34,31)
```
#a8671f
```
#a8671f rgb(168,103,31)
```

Analogous Color

#1f60a8
```
#1f60a8 rgb(31,96,168)
```
#a8221f
```
#a8221f rgb(168,34,31)
```
#1fa867
```
#1fa867 rgb(31,168,103)
```

Split Complementary Color

#221fa8
```
#221fa8 rgb(34,31,168)
```
#a8221f
```
#a8221f rgb(168,34,31)
```
#1fa822
```
#1fa822 rgb(31,168,34)
```

Triadic Color

#a81fa5
```
#a81fa5 rgb(168,31,165)
```
#a8221f
```
#a8221f rgb(168,34,31)
```
#1fa822
```
#1fa822 rgb(31,168,34)
```
#1fa5a8
```
#1fa5a8 rgb(31,165,168)
```

Tetradic Color

#671513
```
#671513 rgb(103,21,19)
```
#7d1917
```
#7d1917 rgb(125,25,23)
```
#921e1b
```
#921e1b rgb(146,30,27)
```
#a8221f
```
#a8221f rgb(168,34,31)
```
#be2623
```
#be2623 rgb(190,38,35)
```
#d32b27
```
#d32b27 rgb(211,43,39)
```
#da3d39
```
#da3d39 rgb(218,61,57)
```

Monochromatic Color

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

#a81f3e
```
#a81f3e rgb(168,31,62)
```
#a81f33
```
#a81f33 rgb(168,31,51)
```
#a81f27
```
#a81f27 rgb(168,31,39)
```
#a8221f
```
#a8221f rgb(168,34,31)
```
#a82d1f
```
#a82d1f rgb(168,45,31)
```
#a8391f
```
#a8391f rgb(168,57,31)
```
#a8441f
```
#a8441f rgb(168,68,31)
```

Similar Colors

Text with hexadecimal color #a8221f

This text has a font color of #a8221f.

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

#a8221f background color

This paragraph has a background color of #a8221f.

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

#a8221f border color

This element has a border color of #a8221f.

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

CSS codes

.text {color:#a8221f;}

.background {background-color:#a8221f;}

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

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 #fcf1f1 is the lightest one.

#020000
```
#020000 rgb(2,0,0)
```
#130403
```
#130403 rgb(19,4,3)
```
#240707
```
#240707 rgb(36,7,7)
```
#340b0a
```
#340b0a rgb(52,11,10)
```
#450e0d
```
#450e0d rgb(69,14,13)
```
#551110
```
#551110 rgb(85,17,16)
```
#661513
```
#661513 rgb(102,21,19)
```
#761816
```
#761816 rgb(118,24,22)
```
#871b19
```
#871b19 rgb(135,27,25)
```
#971f1c
```
#971f1c rgb(151,31,28)
```
#a8221f
```
#a8221f rgb(168,34,31)
```
#b92522
```
#b92522 rgb(185,37,34)
```
#c92925
```
#c92925 rgb(201,41,37)
```

Shade Color Variation

#d82e2a
```
#d82e2a rgb(216,46,42)
```
#db3e3b
```
#db3e3b rgb(219,62,59)
```
#de4e4b
```
#de4e4b rgb(222,78,75)
```
#e15f5c
```
#e15f5c rgb(225,95,92)
```
#e46f6c
```
#e46f6c rgb(228,111,108)
```
#e77f7d
```
#e77f7d rgb(231,127,125)
```
#ea908d
```
#ea908d rgb(234,144,141)
```
#eda09e
```
#eda09e rgb(237,160,158)
```
#f0b0af
```
#f0b0af rgb(240,176,175)
```
#f3c0bf
```
#f3c0bf rgb(243,192,191)
```
#f6d1d0
```
#f6d1d0 rgb(246,209,208)
```
#f9e1e0
```
#f9e1e0 rgb(249,225,224)
```
#fcf1f1
```
#fcf1f1 rgb(252,241,241)
```

Tint Color Variation

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

#6b5d5c
```
#6b5d5c rgb(107,93,92)
```
#725555
```
#725555 rgb(114,85,85)
```
#7a4e4d
```
#7a4e4d rgb(122,78,77)
```
#824745
```
#824745 rgb(130,71,69)
```
#893f3e
```
#893f3e rgb(137,63,62)
```
#913836
```
#913836 rgb(145,56,54)
```
#99312e
```
#99312e rgb(153,49,46)
```
#a02927
```
#a02927 rgb(160,41,39)
```
#a8221f
```
#a8221f rgb(168,34,31)
```
#b01b17
```
#b01b17 rgb(176,27,23)
```
#b71310
```
#b71310 rgb(183,19,16)
```
#bf0c08
```
#bf0c08 rgb(191,12,8)
```
#c70500
```
#c70500 rgb(199,5,0)
```

Tone Color Variation

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

Dichromacy

#695f38 Protanopia 1% of men
#775b1e Deuteranopia 1% of men
#ac2d2d Tritanopia 0.001% of the population

Trichromacy

#7f492f Protanomaly 1% of men, 0.01% of women
#88461e Deuteranomaly 6% of men, 0.4% of women
#aa2928 Tritanomaly 0.01% of the population

#a8221f hex color

#a8221f Color Information

#a8221f Color Conversion

Color Schemes with #a8221f

Alternatives to #a8221f

#a8221f Preview

Shades and Tints of #a8221f

Tones of #a8221f

Color Blindness Simulator