#a31e22 hex color

In a RGB color space, hex #a31e22 is composed of 63.9% red, 11.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.6% magenta, 79.1% yellow and 36.1% black. It has a hue angle of 358.2 degrees, a saturation of 68.9% and a lightness of 37.8%. #a31e22 color hex could be obtained by blending #ff3c44 with #470000. Closest websafe color is: #993333.

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

● #a31e22 color description : Dark red.

The hexadecimal color #a31e22 has RGB values of R:163, G:30, B:34 and CMYK values of C:0, M:0.82, Y:0.79, K:0.36. Its decimal value is 10690082.

Hex triplet	a31e22	`#a31e22`
RGB Decimal	163, 30, 34	`rgb(163,30,34)`
RGB Percent	63.9, 11.8, 13.3	`rgb(63.9%,11.8%,13.3%)`
CMYK	0, 82, 79, 36
HSL	358.2°, 68.9, 37.8	`hsl(358.2,68.9%,37.8%)`
HSV (or HSB)	358.2°, 81.6, 63.9
Web Safe	993333	`#993333`

CIE-LAB	35.66, 52.587, 33.124
XYZ	15.858, 8.833, 2.383
xyY	0.586, 0.326, 8.833
CIE-LCH	35.66, 62.149, 32.206
CIE-LUV	35.66, 97.396, 19.881
Hunter-Lab	29.72, 43.236, 16.049
Binary	10100011, 00011110, 00100010

#a31e22
```
#a31e22 rgb(163,30,34)
```
#1ea39f
```
#1ea39f rgb(30,163,159)
```

Complementary Color

#a31e65
```
#a31e65 rgb(163,30,101)
```
#a31e22
```
#a31e22 rgb(163,30,34)
```
#a35d1e
```
#a35d1e rgb(163,93,30)
```

Analogous Color

#1e65a3
```
#1e65a3 rgb(30,101,163)
```
#a31e22
```
#a31e22 rgb(163,30,34)
```
#1ea35d
```
#1ea35d rgb(30,163,93)
```

Split Complementary Color

#1e22a3
```
#1e22a3 rgb(30,34,163)
```
#a31e22
```
#a31e22 rgb(163,30,34)
```
#22a31e
```
#22a31e rgb(34,163,30)
```

Triadic Color

#9f1ea3
```
#9f1ea3 rgb(159,30,163)
```
#a31e22
```
#a31e22 rgb(163,30,34)
```
#22a31e
```
#22a31e rgb(34,163,30)
```
#1ea39f
```
#1ea39f rgb(30,163,159)
```

Tetradic Color

#621215
```
#621215 rgb(98,18,21)
```
#781619
```
#781619 rgb(120,22,25)
```
#8d1a1e
```
#8d1a1e rgb(141,26,30)
```
#a31e22
```
#a31e22 rgb(163,30,34)
```
#b92226
```
#b92226 rgb(185,34,38)
```
#ce262b
```
#ce262b rgb(206,38,43)
```
#da3439
```
#da3439 rgb(218,52,57)
```

Monochromatic Color

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

#a31e43
```
#a31e43 rgb(163,30,67)
```
#a31e38
```
#a31e38 rgb(163,30,56)
```
#a31e2d
```
#a31e2d rgb(163,30,45)
```
#a31e22
```
#a31e22 rgb(163,30,34)
```
#a3251e
```
#a3251e rgb(163,37,30)
```
#a3301e
```
#a3301e rgb(163,48,30)
```
#a33b1e
```
#a33b1e rgb(163,59,30)
```

Similar Colors

Text with hexadecimal color #a31e22

This text has a font color of #a31e22.

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

#a31e22 background color

This paragraph has a background color of #a31e22.

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

#a31e22 border color

This element has a border color of #a31e22.

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

CSS codes

.text {color:#a31e22;}

.background {background-color:#a31e22;}

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

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

#0e0303
```
#0e0303 rgb(14,3,3)
```
#1e0606
```
#1e0606 rgb(30,6,6)
```
#2f090a
```
#2f090a rgb(47,9,10)
```
#400c0d
```
#400c0d rgb(64,12,13)
```
#500f11
```
#500f11 rgb(80,15,17)
```
#611214
```
#611214 rgb(97,18,20)
```
#711518
```
#711518 rgb(113,21,24)
```
#82181b
```
#82181b rgb(130,24,27)
```
#921b1f
```
#921b1f rgb(146,27,31)
```
#a31e22
```
#a31e22 rgb(163,30,34)
```
#b42125
```
#b42125 rgb(180,33,37)
```
#c42429
```
#c42429 rgb(196,36,41)
```
#d5272c
```
#d5272c rgb(213,39,44)
```

Shade Color Variation

#da363a
```
#da363a rgb(218,54,58)
```
#dd464b
```
#dd464b rgb(221,70,75)
```
#e0575b
```
#e0575b rgb(224,87,91)
```
#e3676b
```
#e3676b rgb(227,103,107)
```
#e6787b
```
#e6787b rgb(230,120,123)
```
#e9888b
```
#e9888b rgb(233,136,139)
```
#ec999b
```
#ec999b rgb(236,153,155)
```
#efaaac
```
#efaaac rgb(239,170,172)
```
#f2babc
```
#f2babc rgb(242,186,188)
```
#f5cbcc
```
#f5cbcc rgb(245,203,204)
```
#f8dbdc
```
#f8dbdc rgb(248,219,220)
```
#fbecec
```
#fbecec rgb(251,236,236)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#68595a
```
#68595a rgb(104,89,90)
```
#6f5253
```
#6f5253 rgb(111,82,83)
```
#764b4c
```
#764b4c rgb(118,75,76)
```
#7e4345
```
#7e4345 rgb(126,67,69)
```
#853c3e
```
#853c3e rgb(133,60,62)
```
#8d3437
```
#8d3437 rgb(141,52,55)
```
#942d30
```
#942d30 rgb(148,45,48)
```
#9c2529
```
#9c2529 rgb(156,37,41)
```
#a31e22
```
#a31e22 rgb(163,30,34)
```
#aa171b
```
#aa171b rgb(170,23,27)
```
#b20f14
```
#b20f14 rgb(178,15,20)
```
#b9080d
```
#b9080d rgb(185,8,13)
```
#c10006
```
#c10006 rgb(193,0,6)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#593e3f Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#7b4532 Protanomaly 1% of men, 0.01% of women
#844322 Deuteranomaly 6% of men, 0.4% of women
#a62527 Tritanomaly 0.01% of the population

#a31e22 hex color

#a31e22 Color Information

#a31e22 Color Conversion

Color Schemes with #a31e22

Alternatives to #a31e22

#a31e22 Preview

Shades and Tints of #a31e22

Tones of #a31e22

Color Blindness Simulator