#a22421 hex color

In a RGB color space, hex #a22421 is composed of 63.5% red, 14.1% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.8% magenta, 79.6% yellow and 36.5% black. It has a hue angle of 1.4 degrees, a saturation of 66.2% and a lightness of 38.2%. #a22421 color hex could be obtained by blending #ff4842 with #450000. Closest websafe color is: #993333.

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

● #a22421 color description : Dark red.

The hexadecimal color #a22421 has RGB values of R:162, G:36, B:33 and CMYK values of C:0, M:0.78, Y:0.8, K:0.36. Its decimal value is 10626081.

Hex triplet	a22421	`#a22421`
RGB Decimal	162, 36, 33	`rgb(162,36,33)`
RGB Percent	63.5, 14.1, 12.9	`rgb(63.5%,14.1%,12.9%)`
CMYK	0, 78, 80, 36
HSL	1.4°, 66.2, 38.2	`hsl(1.4,66.2%,38.2%)`
HSV (or HSB)	1.4°, 79.6, 63.5
Web Safe	993333	`#993333`

CIE-LAB	36.09, 50.435, 34.092
XYZ	15.806, 9.055, 2.354
xyY	0.581, 0.333, 9.055
CIE-LCH	36.09, 60.876, 34.057
CIE-LUV	36.09, 94.104, 21.205
Hunter-Lab	30.091, 41.103, 16.425
Binary	10100010, 00100100, 00100001

#a22421
```
#a22421 rgb(162,36,33)
```
#219fa2
```
#219fa2 rgb(33,159,162)
```

Complementary Color

#a2215f
```
#a2215f rgb(162,33,95)
```
#a22421
```
#a22421 rgb(162,36,33)
```
#a26521
```
#a26521 rgb(162,101,33)
```

Analogous Color

#215fa2
```
#215fa2 rgb(33,95,162)
```
#a22421
```
#a22421 rgb(162,36,33)
```
#21a265
```
#21a265 rgb(33,162,101)
```

Split Complementary Color

#2421a2
```
#2421a2 rgb(36,33,162)
```
#a22421
```
#a22421 rgb(162,36,33)
```
#21a224
```
#21a224 rgb(33,162,36)
```

Triadic Color

#a2219f
```
#a2219f rgb(162,33,159)
```
#a22421
```
#a22421 rgb(162,36,33)
```
#21a224
```
#21a224 rgb(33,162,36)
```
#219fa2
```
#219fa2 rgb(33,159,162)
```

Tetradic Color

#621614
```
#621614 rgb(98,22,20)
```
#781b18
```
#781b18 rgb(120,27,24)
```
#8d1f1d
```
#8d1f1d rgb(141,31,29)
```
#a22421
```
#a22421 rgb(162,36,33)
```
#b72925
```
#b72925 rgb(183,41,37)
```
#cc2d2a
```
#cc2d2a rgb(204,45,42)
```
#d73d39
```
#d73d39 rgb(215,61,57)
```

Monochromatic Color

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

#a2213e
```
#a2213e rgb(162,33,62)
```
#a22133
```
#a22133 rgb(162,33,51)
```
#a22129
```
#a22129 rgb(162,33,41)
```
#a22421
```
#a22421 rgb(162,36,33)
```
#a22f21
```
#a22f21 rgb(162,47,33)
```
#a23a21
```
#a23a21 rgb(162,58,33)
```
#a24421
```
#a24421 rgb(162,68,33)
```

Similar Colors

Text with hexadecimal color #a22421

This text has a font color of #a22421.

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

#a22421 background color

This paragraph has a background color of #a22421.

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

#a22421 border color

This element has a border color of #a22421.

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

CSS codes

.text {color:#a22421;}

.background {background-color:#a22421;}

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

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

#0f0303
```
#0f0303 rgb(15,3,3)
```
#200706
```
#200706 rgb(32,7,6)
```
#300b0a
```
#300b0a rgb(48,11,10)
```
#400e0d
```
#400e0d rgb(64,14,13)
```
#511210
```
#511210 rgb(81,18,16)
```
#611614
```
#611614 rgb(97,22,20)
```
#711917
```
#711917 rgb(113,25,23)
```
#811d1a
```
#811d1a rgb(129,29,26)
```
#92201e
```
#92201e rgb(146,32,30)
```
#a22421
```
#a22421 rgb(162,36,33)
```
#b22824
```
#b22824 rgb(178,40,36)
```
#c32b28
```
#c32b28 rgb(195,43,40)
```
#d32f2b
```
#d32f2b rgb(211,47,43)
```

Shade Color Variation

#d73e3a
```
#d73e3a rgb(215,62,58)
```
#da4e4b
```
#da4e4b rgb(218,78,75)
```
#de5e5b
```
#de5e5b rgb(222,94,91)
```
#e16e6b
```
#e16e6b rgb(225,110,107)
```
#e47e7c
```
#e47e7c rgb(228,126,124)
```
#e88e8c
```
#e88e8c rgb(232,142,140)
```
#eb9e9c
```
#eb9e9c rgb(235,158,156)
```
#eeaead
```
#eeaead rgb(238,174,173)
```
#f2bebd
```
#f2bebd rgb(242,190,189)
```
#f5cecd
```
#f5cecd rgb(245,206,205)
```
#f8dedd
```
#f8dedd rgb(248,222,221)
```
#fbeeee
```
#fbeeee rgb(251,238,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#665d5d
```
#665d5d rgb(102,93,93)
```
#6e5656
```
#6e5656 rgb(110,86,86)
```
#754f4e
```
#754f4e rgb(117,79,78)
```
#7d4847
```
#7d4847 rgb(125,72,71)
```
#84413f
```
#84413f rgb(132,65,63)
```
#8c3938
```
#8c3938 rgb(140,57,56)
```
#933230
```
#933230 rgb(147,50,48)
```
#9b2b29
```
#9b2b29 rgb(155,43,41)
```
#a22421
```
#a22421 rgb(162,36,33)
```
#aa1d1a
```
#aa1d1a rgb(170,29,26)
```
#b11612
```
#b11612 rgb(177,22,18)
```
#b90f0b
```
#b90f0b rgb(185,15,11)
```
#c00703
```
#c00703 rgb(192,7,3)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#5b4241 Atypical Achromatopsia 0.001% of the population

Dichromacy

#665d39 Protanopia 1% of men
#745922 Deuteranopia 1% of men
#a62e30 Tritanopia 0.001% of the population

Trichromacy

#7b4830 Protanomaly 1% of men, 0.01% of women
#844521 Deuteranomaly 6% of men, 0.4% of women
#a52a2a Tritanomaly 0.01% of the population

#a22421 hex color

#a22421 Color Information

#a22421 Color Conversion

Color Schemes with #a22421

Alternatives to #a22421

#a22421 Preview

Shades and Tints of #a22421

Tones of #a22421

Color Blindness Simulator