#a22020 hex color

In a RGB color space, hex #a22020 is composed of 63.5% red, 12.5% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.2% magenta, 80.2% yellow and 36.5% black. It has a hue angle of 0 degrees, a saturation of 67% and a lightness of 38%. #a22020 color hex could be obtained by blending #ff4040 with #450000. Closest websafe color is: #993333.

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

● #a22020 color description : Dark red.

The hexadecimal color #a22020 has RGB values of R:162, G:32, B:32 and CMYK values of C:0, M:0.8, Y:0.8, K:0.36. Its decimal value is 10625056.

Hex triplet	a22020	`#a22020`
RGB Decimal	162, 32, 32	`rgb(162,32,32)`
RGB Percent	63.5, 12.5, 12.5	`rgb(63.5%,12.5%,12.5%)`
CMYK	0, 80, 80, 36
HSL	0°, 67, 38	`hsl(0,67%,38%)`
HSV (or HSB)	0°, 80.2, 63.5
Web Safe	993333	`#993333`

CIE-LAB	35.637, 51.643, 34.199
XYZ	15.678, 8.821, 2.243
xyY	0.586, 0.33, 8.821
CIE-LCH	35.637, 61.94, 33.513
CIE-LUV	35.637, 96.129, 20.737
Hunter-Lab	29.7, 42.255, 16.311
Binary	10100010, 00100000, 00100000

#a22020
```
#a22020 rgb(162,32,32)
```
#20a2a2
```
#20a2a2 rgb(32,162,162)
```

Complementary Color

#a22061
```
#a22061 rgb(162,32,97)
```
#a22020
```
#a22020 rgb(162,32,32)
```
#a26120
```
#a26120 rgb(162,97,32)
```

Analogous Color

#2061a2
```
#2061a2 rgb(32,97,162)
```
#a22020
```
#a22020 rgb(162,32,32)
```
#20a261
```
#20a261 rgb(32,162,97)
```

Split Complementary Color

#2020a2
```
#2020a2 rgb(32,32,162)
```
#a22020
```
#a22020 rgb(162,32,32)
```
#20a220
```
#20a220 rgb(32,162,32)
```

Triadic Color

#a220a2
```
#a220a2 rgb(162,32,162)
```
#a22020
```
#a22020 rgb(162,32,32)
```
#20a220
```
#20a220 rgb(32,162,32)
```
#20a2a2
```
#20a2a2 rgb(32,162,162)
```

Tetradic Color

#621313
```
#621313 rgb(98,19,19)
```
#771818
```
#771818 rgb(119,24,24)
```
#8d1c1c
```
#8d1c1c rgb(141,28,28)
```
#a22020
```
#a22020 rgb(162,32,32)
```
#b72424
```
#b72424 rgb(183,36,36)
```
#cd2828
```
#cd2828 rgb(205,40,40)
```
#d73737
```
#d73737 rgb(215,55,55)
```

Monochromatic Color

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

#a22041
```
#a22041 rgb(162,32,65)
```
#a22036
```
#a22036 rgb(162,32,54)
```
#a2202b
```
#a2202b rgb(162,32,43)
```
#a22020
```
#a22020 rgb(162,32,32)
```
#a22b20
```
#a22b20 rgb(162,43,32)
```
#a23620
```
#a23620 rgb(162,54,32)
```
#a24120
```
#a24120 rgb(162,65,32)
```

Similar Colors

Text with hexadecimal color #a22020

This text has a font color of #a22020.

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

#a22020 background color

This paragraph has a background color of #a22020.

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

#a22020 border color

This element has a border color of #a22020.

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

CSS codes

.text {color:#a22020;}

.background {background-color:#a22020;}

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

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, #0f0303 is the darkest color, while #fffdfd is the lightest one.

#0f0303
```
#0f0303 rgb(15,3,3)
```
#1f0606
```
#1f0606 rgb(31,6,6)
```
#2f0909
```
#2f0909 rgb(47,9,9)
```
#400d0d
```
#400d0d rgb(64,13,13)
```
#501010
```
#501010 rgb(80,16,16)
```
#601313
```
#601313 rgb(96,19,19)
```
#711616
```
#711616 rgb(113,22,22)
```
#811a1a
```
#811a1a rgb(129,26,26)
```
#921d1d
```
#921d1d rgb(146,29,29)
```
#a22020
```
#a22020 rgb(162,32,32)
```
#b22323
```
#b22323 rgb(178,35,35)
```
#c32626
```
#c32626 rgb(195,38,38)
```
#d32a2a
```
#d32a2a rgb(211,42,42)
```

Shade Color Variation

#d83939
```
#d83939 rgb(216,57,57)
```
#db4949
```
#db4949 rgb(219,73,73)
```
#de5959
```
#de5959 rgb(222,89,89)
```
#e26a6a
```
#e26a6a rgb(226,106,106)
```
#e57a7a
```
#e57a7a rgb(229,122,122)
```
#e88b8b
```
#e88b8b rgb(232,139,139)
```
#eb9b9b
```
#eb9b9b rgb(235,155,155)
```
#eeabab
```
#eeabab rgb(238,171,171)
```
#f2bcbc
```
#f2bcbc rgb(242,188,188)
```
#f5cccc
```
#f5cccc rgb(245,204,204)
```
#f8dcdc
```
#f8dcdc rgb(248,220,220)
```
#fbeded
```
#fbeded rgb(251,237,237)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#665c5c
```
#665c5c rgb(102,92,92)
```
#6e5454
```
#6e5454 rgb(110,84,84)
```
#754d4d
```
#754d4d rgb(117,77,77)
```
#7d4545
```
#7d4545 rgb(125,69,69)
```
#843e3e
```
#843e3e rgb(132,62,62)
```
#8c3636
```
#8c3636 rgb(140,54,54)
```
#932f2f
```
#932f2f rgb(147,47,47)
```
#9b2727
```
#9b2727 rgb(155,39,39)
```
#a22020
```
#a22020 rgb(162,32,32)
```
#a91919
```
#a91919 rgb(169,25,25)
```
#b11111
```
#b11111 rgb(177,17,17)
```
#b80a0a
```
#b80a0a rgb(184,10,10)
```
#c00202
```
#c00202 rgb(192,2,2)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#593f3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#655c39 Protanopia 1% of men
#725820 Deuteranopia 1% of men
#a62b2c Tritanopia 0.001% of the population

Trichromacy

#7b4630 Protanomaly 1% of men, 0.01% of women
#844320 Deuteranomaly 6% of men, 0.4% of women
#a52727 Tritanomaly 0.01% of the population

#a22020 hex color

#a22020 Color Information

#a22020 Color Conversion

Color Schemes with #a22020

Alternatives to #a22020

#a22020 Preview

Shades and Tints of #a22020

Tones of #a22020

Color Blindness Simulator