#a22022 hex color

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

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

● #a22022 color description : Dark red.

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

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

CIE-LAB	35.658, 51.712, 33.06
XYZ	15.706, 8.832, 2.391
xyY	0.583, 0.328, 8.832
CIE-LCH	35.658, 61.376, 32.591
CIE-LUV	35.658, 95.75, 20.073
Hunter-Lab	29.718, 42.331, 16.033
Binary	10100010, 00100000, 00100010

#a22022
```
#a22022 rgb(162,32,34)
```
#20a2a0
```
#20a2a0 rgb(32,162,160)
```

Complementary Color

#a22063
```
#a22063 rgb(162,32,99)
```
#a22022
```
#a22022 rgb(162,32,34)
```
#a25f20
```
#a25f20 rgb(162,95,32)
```

Analogous Color

#2063a2
```
#2063a2 rgb(32,99,162)
```
#a22022
```
#a22022 rgb(162,32,34)
```
#20a25f
```
#20a25f rgb(32,162,95)
```

Split Complementary Color

#2022a2
```
#2022a2 rgb(32,34,162)
```
#a22022
```
#a22022 rgb(162,32,34)
```
#22a220
```
#22a220 rgb(34,162,32)
```

Triadic Color

#a020a2
```
#a020a2 rgb(160,32,162)
```
#a22022
```
#a22022 rgb(162,32,34)
```
#22a220
```
#22a220 rgb(34,162,32)
```
#20a2a0
```
#20a2a0 rgb(32,162,160)
```

Tetradic Color

#621315
```
#621315 rgb(98,19,21)
```
#771819
```
#771819 rgb(119,24,25)
```
#8d1c1e
```
#8d1c1e rgb(141,28,30)
```
#a22022
```
#a22022 rgb(162,32,34)
```
#b72426
```
#b72426 rgb(183,36,38)
```
#cd282b
```
#cd282b rgb(205,40,43)
```
#d73739
```
#d73739 rgb(215,55,57)
```

Monochromatic Color

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

#a22043
```
#a22043 rgb(162,32,67)
```
#a22038
```
#a22038 rgb(162,32,56)
```
#a2202d
```
#a2202d rgb(162,32,45)
```
#a22022
```
#a22022 rgb(162,32,34)
```
#a22920
```
#a22920 rgb(162,41,32)
```
#a23420
```
#a23420 rgb(162,52,32)
```
#a23f20
```
#a23f20 rgb(162,63,32)
```

Similar Colors

Text with hexadecimal color #a22022

This text has a font color of #a22022.

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

#a22022 background color

This paragraph has a background color of #a22022.

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

#a22022 border color

This element has a border color of #a22022.

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

CSS codes

.text {color:#a22022;}

.background {background-color:#a22022;}

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

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)
```
#2f090a
```
#2f090a rgb(47,9,10)
```
#400d0d
```
#400d0d rgb(64,13,13)
```
#501011
```
#501011 rgb(80,16,17)
```
#601314
```
#601314 rgb(96,19,20)
```
#711618
```
#711618 rgb(113,22,24)
```
#811a1b
```
#811a1b rgb(129,26,27)
```
#921d1f
```
#921d1f rgb(146,29,31)
```
#a22022
```
#a22022 rgb(162,32,34)
```
#b22325
```
#b22325 rgb(178,35,37)
```
#c32629
```
#c32629 rgb(195,38,41)
```
#d32a2c
```
#d32a2c rgb(211,42,44)
```

Shade Color Variation

#d8393b
```
#d8393b rgb(216,57,59)
```
#db494b
```
#db494b rgb(219,73,75)
```
#de595b
```
#de595b rgb(222,89,91)
```
#e26a6c
```
#e26a6c rgb(226,106,108)
```
#e57a7c
```
#e57a7c rgb(229,122,124)
```
#e88b8c
```
#e88b8c rgb(232,139,140)
```
#eb9b9c
```
#eb9b9c rgb(235,155,156)
```
#eeabac
```
#eeabac rgb(238,171,172)
```
#f2bcbd
```
#f2bcbd rgb(242,188,189)
```
#f5cccd
```
#f5cccd rgb(245,204,205)
```
#f8dcdd
```
#f8dcdd rgb(248,220,221)
```
#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 #c00205 is the most saturated one.

#665c5c
```
#665c5c rgb(102,92,92)
```
#6e5455
```
#6e5455 rgb(110,84,85)
```
#754d4d
```
#754d4d rgb(117,77,77)
```
#7d4546
```
#7d4546 rgb(125,69,70)
```
#843e3f
```
#843e3f rgb(132,62,63)
```
#8c3638
```
#8c3638 rgb(140,54,56)
```
#932f30
```
#932f30 rgb(147,47,48)
```
#9b2729
```
#9b2729 rgb(155,39,41)
```
#a22022
```
#a22022 rgb(162,32,34)
```
#a9191b
```
#a9191b rgb(169,25,27)
```
#b11114
```
#b11114 rgb(177,17,20)
```
#b80a0c
```
#b80a0c rgb(184,10,12)
```
#c00205
```
#c00205 rgb(192,2,5)
```

Tone Color Variation

Below, you can see how #a22022 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
#593f40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#645c3b Protanopia 1% of men
#725823 Deuteranopia 1% of men
#a62b2c Tritanopia 0.001% of the population

Trichromacy

#7b4632 Protanomaly 1% of men, 0.01% of women
#834322 Deuteranomaly 6% of men, 0.4% of women
#a52728 Tritanomaly 0.01% of the population

#a22022 hex color

#a22022 Color Information

#a22022 Color Conversion

Color Schemes with #a22022

Alternatives to #a22022

#a22022 Preview

Shades and Tints of #a22022

Tones of #a22022

Color Blindness Simulator