#a31822 hex color

In a RGB color space, hex #a31822 is composed of 63.9% red, 9.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.3% magenta, 79.1% yellow and 36.1% black. It has a hue angle of 355.7 degrees, a saturation of 74.3% and a lightness of 36.7%. #a31822 color hex could be obtained by blending #ff3044 with #470000. Closest websafe color is: #990033.

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

● #a31822 color description : Dark red.

The hexadecimal color #a31822 has RGB values of R:163, G:24, B:34 and CMYK values of C:0, M:0.85, Y:0.79, K:0.36. Its decimal value is 10688546.

Hex triplet	a31822	`#a31822`
RGB Decimal	163, 24, 34	`rgb(163,24,34)`
RGB Percent	63.9, 9.4, 13.3	`rgb(63.9%,9.4%,13.3%)`
CMYK	0, 85, 79, 36
HSL	355.7°, 74.3, 36.7	`hsl(355.7,74.3%,36.7%)`
HSV (or HSB)	355.7°, 85.3, 63.9
Web Safe	990033	`#990033`

CIE-LAB	35.118, 54.126, 32.55
XYZ	15.72, 8.557, 2.337
xyY	0.591, 0.322, 8.557
CIE-LCH	35.118, 63.159, 31.022
CIE-LUV	35.118, 99.68, 18.896
Hunter-Lab	29.253, 44.733, 15.74
Binary	10100011, 00011000, 00100010

#a31822
```
#a31822 rgb(163,24,34)
```
#18a399
```
#18a399 rgb(24,163,153)
```

Complementary Color

#a31868
```
#a31868 rgb(163,24,104)
```
#a31822
```
#a31822 rgb(163,24,34)
```
#a35318
```
#a35318 rgb(163,83,24)
```

Analogous Color

#1868a3
```
#1868a3 rgb(24,104,163)
```
#a31822
```
#a31822 rgb(163,24,34)
```
#18a353
```
#18a353 rgb(24,163,83)
```

Split Complementary Color

#1822a3
```
#1822a3 rgb(24,34,163)
```
#a31822
```
#a31822 rgb(163,24,34)
```
#22a318
```
#22a318 rgb(34,163,24)
```

Triadic Color

#9918a3
```
#9918a3 rgb(153,24,163)
```
#a31822
```
#a31822 rgb(163,24,34)
```
#22a318
```
#22a318 rgb(34,163,24)
```
#18a399
```
#18a399 rgb(24,163,153)
```

Tetradic Color

#600e14
```
#600e14 rgb(96,14,20)
```
#771119
```
#771119 rgb(119,17,25)
```
#8d151d
```
#8d151d rgb(141,21,29)
```
#a31822
```
#a31822 rgb(163,24,34)
```
#b91b27
```
#b91b27 rgb(185,27,39)
```
#cf1f2b
```
#cf1f2b rgb(207,31,43)
```
#df2835
```
#df2835 rgb(223,40,53)
```

Monochromatic Color

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

#a31845
```
#a31845 rgb(163,24,69)
```
#a31839
```
#a31839 rgb(163,24,57)
```
#a3182e
```
#a3182e rgb(163,24,46)
```
#a31822
```
#a31822 rgb(163,24,34)
```
#a31a18
```
#a31a18 rgb(163,26,24)
```
#a32518
```
#a32518 rgb(163,37,24)
```
#a33118
```
#a33118 rgb(163,49,24)
```

Similar Colors

Text with hexadecimal color #a31822

This text has a font color of #a31822.

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

#a31822 background color

This paragraph has a background color of #a31822.

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

#a31822 border color

This element has a border color of #a31822.

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

CSS codes

.text {color:#a31822;}

.background {background-color:#a31822;}

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

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, #090102 is the darkest color, while #fef7f8 is the lightest one.

#090102
```
#090102 rgb(9,1,2)
```
#1a0405
```
#1a0405 rgb(26,4,5)
```
#2b0609
```
#2b0609 rgb(43,6,9)
```
#3c090d
```
#3c090d rgb(60,9,13)
```
#4e0b10
```
#4e0b10 rgb(78,11,16)
```
#5f0e14
```
#5f0e14 rgb(95,14,20)
```
#701017
```
#701017 rgb(112,16,23)
```
#81131b
```
#81131b rgb(129,19,27)
```
#92151e
```
#92151e rgb(146,21,30)
```
#a31822
```
#a31822 rgb(163,24,34)
```
#b41b26
```
#b41b26 rgb(180,27,38)
```
#c51d29
```
#c51d29 rgb(197,29,41)
```
#d6202d
```
#d6202d rgb(214,32,45)
```

Shade Color Variation

#e02a37
```
#e02a37 rgb(224,42,55)
```
#e23b47
```
#e23b47 rgb(226,59,71)
```
#e54c57
```
#e54c57 rgb(229,76,87)
```
#e75d67
```
#e75d67 rgb(231,93,103)
```
#ea6e77
```
#ea6e77 rgb(234,110,119)
```
#ec7f87
```
#ec7f87 rgb(236,127,135)
```
#ef9097
```
#ef9097 rgb(239,144,151)
```
#f1a2a7
```
#f1a2a7 rgb(241,162,167)
```
#f4b3b7
```
#f4b3b7 rgb(244,179,183)
```
#f6c4c7
```
#f6c4c7 rgb(246,196,199)
```
#f9d5d7
```
#f9d5d7 rgb(249,213,215)
```
#fbe6e7
```
#fbe6e7 rgb(251,230,231)
```
#fef7f8
```
#fef7f8 rgb(254,247,248)
```

Tint Color Variation

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

#625959
```
#625959 rgb(98,89,89)
```
#695253
```
#695253 rgb(105,82,83)
```
#714a4d
```
#714a4d rgb(113,74,77)
```
#784347
```
#784347 rgb(120,67,71)
```
#7f3c41
```
#7f3c41 rgb(127,60,65)
```
#86353b
```
#86353b rgb(134,53,59)
```
#8d2e34
```
#8d2e34 rgb(141,46,52)
```
#95262e
```
#95262e rgb(149,38,46)
```
#9c1f28
```
#9c1f28 rgb(156,31,40)
```
#a31822
```
#a31822 rgb(163,24,34)
```
#aa111c
```
#aa111c rgb(170,17,28)
```
#b10a16
```
#b10a16 rgb(177,10,22)
```
#b90210
```
#b90210 rgb(185,2,16)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#563a3c Atypical Achromatopsia 0.001% of the population

Dichromacy

#635b3c Protanopia 1% of men
#715722 Deuteranopia 1% of men
#a72525 Tritanopia 0.001% of the population

Trichromacy

#7a4233 Protanomaly 1% of men, 0.01% of women
#834022 Deuteranomaly 6% of men, 0.4% of women
#a52024 Tritanomaly 0.01% of the population

#a31822 hex color

#a31822 Color Information

#a31822 Color Conversion

Color Schemes with #a31822

Alternatives to #a31822

#a31822 Preview

Shades and Tints of #a31822

Tones of #a31822

Color Blindness Simulator