#a22026 hex color

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

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

● #a22026 color description : Dark red.

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

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

CIE-LAB	35.706, 51.862, 30.734
XYZ	15.767, 8.856, 2.713
xyY	0.577, 0.324, 8.856
CIE-LCH	35.706, 60.285, 30.652
CIE-LUV	35.706, 94.933, 18.64
Hunter-Lab	29.76, 42.495, 15.427
Binary	10100010, 00100000, 00100110

#a22026
```
#a22026 rgb(162,32,38)
```
#20a29c
```
#20a29c rgb(32,162,156)
```

Complementary Color

#a22067
```
#a22067 rgb(162,32,103)
```
#a22026
```
#a22026 rgb(162,32,38)
```
#a25b20
```
#a25b20 rgb(162,91,32)
```

Analogous Color

#2067a2
```
#2067a2 rgb(32,103,162)
```
#a22026
```
#a22026 rgb(162,32,38)
```
#20a25b
```
#20a25b rgb(32,162,91)
```

Split Complementary Color

#2026a2
```
#2026a2 rgb(32,38,162)
```
#a22026
```
#a22026 rgb(162,32,38)
```
#26a220
```
#26a220 rgb(38,162,32)
```

Triadic Color

#9c20a2
```
#9c20a2 rgb(156,32,162)
```
#a22026
```
#a22026 rgb(162,32,38)
```
#26a220
```
#26a220 rgb(38,162,32)
```
#20a29c
```
#20a29c rgb(32,162,156)
```

Tetradic Color

#621317
```
#621317 rgb(98,19,23)
```
#77181c
```
#77181c rgb(119,24,28)
```
#8d1c21
```
#8d1c21 rgb(141,28,33)
```
#a22026
```
#a22026 rgb(162,32,38)
```
#b7242b
```
#b7242b rgb(183,36,43)
```
#cd2830
```
#cd2830 rgb(205,40,48)
```
#d7373e
```
#d7373e rgb(215,55,62)
```

Monochromatic Color

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

#a22047
```
#a22047 rgb(162,32,71)
```
#a2203c
```
#a2203c rgb(162,32,60)
```
#a22031
```
#a22031 rgb(162,32,49)
```
#a22026
```
#a22026 rgb(162,32,38)
```
#a22520
```
#a22520 rgb(162,37,32)
```
#a23020
```
#a23020 rgb(162,48,32)
```
#a23b20
```
#a23b20 rgb(162,59,32)
```

Similar Colors

Text with hexadecimal color #a22026

This text has a font color of #a22026.

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

#a22026 background color

This paragraph has a background color of #a22026.

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

#a22026 border color

This element has a border color of #a22026.

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

CSS codes

.text {color:#a22026;}

.background {background-color:#a22026;}

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

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)
```
#1f0607
```
#1f0607 rgb(31,6,7)
```
#2f090b
```
#2f090b rgb(47,9,11)
```
#400d0f
```
#400d0f rgb(64,13,15)
```
#501013
```
#501013 rgb(80,16,19)
```
#601317
```
#601317 rgb(96,19,23)
```
#71161a
```
#71161a rgb(113,22,26)
```
#811a1e
```
#811a1e rgb(129,26,30)
```
#921d22
```
#921d22 rgb(146,29,34)
```
#a22026
```
#a22026 rgb(162,32,38)
```
#b2232a
```
#b2232a rgb(178,35,42)
```
#c3262e
```
#c3262e rgb(195,38,46)
```
#d32a32
```
#d32a32 rgb(211,42,50)
```

Shade Color Variation

#d83940
```
#d83940 rgb(216,57,64)
```
#db4950
```
#db4950 rgb(219,73,80)
```
#de5960
```
#de5960 rgb(222,89,96)
```
#e26a6f
```
#e26a6f rgb(226,106,111)
```
#e57a7f
```
#e57a7f rgb(229,122,127)
```
#e88b8f
```
#e88b8f rgb(232,139,143)
```
#eb9b9f
```
#eb9b9f rgb(235,155,159)
```
#eeabae
```
#eeabae rgb(238,171,174)
```
#f2bcbe
```
#f2bcbe rgb(242,188,190)
```
#f5ccce
```
#f5ccce rgb(245,204,206)
```
#f8dcde
```
#f8dcde rgb(248,220,222)
```
#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 #c0020b is the most saturated one.

#665c5c
```
#665c5c rgb(102,92,92)
```
#6e5455
```
#6e5455 rgb(110,84,85)
```
#754d4f
```
#754d4f rgb(117,77,79)
```
#7d4548
```
#7d4548 rgb(125,69,72)
```
#843e41
```
#843e41 rgb(132,62,65)
```
#8c363a
```
#8c363a rgb(140,54,58)
```
#932f34
```
#932f34 rgb(147,47,52)
```
#9b272d
```
#9b272d rgb(155,39,45)
```
#a22026
```
#a22026 rgb(162,32,38)
```
#a9191f
```
#a9191f rgb(169,25,31)
```
#b11118
```
#b11118 rgb(177,17,24)
```
#b80a12
```
#b80a12 rgb(184,10,18)
```
#c0020b
```
#c0020b rgb(192,2,11)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#5a4041 Atypical Achromatopsia 0.001% of the population

Dichromacy

#645c3f Protanopia 1% of men
#725827 Deuteranopia 1% of men
#a62c2d Tritanopia 0.001% of the population

Trichromacy

#7a4636 Protanomaly 1% of men, 0.01% of women
#834427 Deuteranomaly 6% of men, 0.4% of women
#a5272a Tritanomaly 0.01% of the population

#a22026 hex color

#a22026 Color Information

#a22026 Color Conversion

Color Schemes with #a22026

Alternatives to #a22026

#a22026 Preview

Shades and Tints of #a22026

Tones of #a22026

Color Blindness Simulator