#a31b22 hex color

In a RGB color space, hex #a31b22 is composed of 63.9% red, 10.6% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.4% magenta, 79.1% yellow and 36.1% black. It has a hue angle of 356.9 degrees, a saturation of 71.6% and a lightness of 37.3%. #a31b22 color hex could be obtained by blending #ff3644 with #470000. Closest websafe color is: #993333.

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

● #a31b22 color description : Dark red.

The hexadecimal color #a31b22 has RGB values of R:163, G:27, B:34 and CMYK values of C:0, M:0.83, Y:0.79, K:0.36. Its decimal value is 10689314.

Hex triplet	a31b22	`#a31b22`
RGB Decimal	163, 27, 34	`rgb(163,27,34)`
RGB Percent	63.9, 10.6, 13.3	`rgb(63.9%,10.6%,13.3%)`
CMYK	0, 83, 79, 36
HSL	356.9°, 71.6, 37.3	`hsl(356.9,71.6%,37.3%)`
HSV (or HSB)	356.9°, 83.4, 63.9
Web Safe	993333	`#993333`

CIE-LAB	35.376, 53.39, 32.824
XYZ	15.786, 8.688, 2.359
xyY	0.588, 0.324, 8.688
CIE-LCH	35.376, 62.673, 31.583
CIE-LUV	35.376, 98.587, 19.367
Hunter-Lab	29.475, 44.016, 15.887
Binary	10100011, 00011011, 00100010

#a31b22
```
#a31b22 rgb(163,27,34)
```
#1ba39c
```
#1ba39c rgb(27,163,156)
```

Complementary Color

#a31b66
```
#a31b66 rgb(163,27,102)
```
#a31b22
```
#a31b22 rgb(163,27,34)
```
#a3581b
```
#a3581b rgb(163,88,27)
```

Analogous Color

#1b66a3
```
#1b66a3 rgb(27,102,163)
```
#a31b22
```
#a31b22 rgb(163,27,34)
```
#1ba358
```
#1ba358 rgb(27,163,88)
```

Split Complementary Color

#1b22a3
```
#1b22a3 rgb(27,34,163)
```
#a31b22
```
#a31b22 rgb(163,27,34)
```
#22a31b
```
#22a31b rgb(34,163,27)
```

Triadic Color

#9c1ba3
```
#9c1ba3 rgb(156,27,163)
```
#a31b22
```
#a31b22 rgb(163,27,34)
```
#22a31b
```
#22a31b rgb(34,163,27)
```
#1ba39c
```
#1ba39c rgb(27,163,156)
```

Tetradic Color

#611014
```
#611014 rgb(97,16,20)
```
#771419
```
#771419 rgb(119,20,25)
```
#8d171d
```
#8d171d rgb(141,23,29)
```
#a31b22
```
#a31b22 rgb(163,27,34)
```
#b91f27
```
#b91f27 rgb(185,31,39)
```
#cf222b
```
#cf222b rgb(207,34,43)
```
#dc2e37
```
#dc2e37 rgb(220,46,55)
```

Monochromatic Color

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

#a31b44
```
#a31b44 rgb(163,27,68)
```
#a31b39
```
#a31b39 rgb(163,27,57)
```
#a31b2d
```
#a31b2d rgb(163,27,45)
```
#a31b22
```
#a31b22 rgb(163,27,34)
```
#a31f1b
```
#a31f1b rgb(163,31,27)
```
#a32b1b
```
#a32b1b rgb(163,43,27)
```
#a3361b
```
#a3361b rgb(163,54,27)
```

Similar Colors

Text with hexadecimal color #a31b22

This text has a font color of #a31b22.

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

#a31b22 background color

This paragraph has a background color of #a31b22.

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

#a31b22 border color

This element has a border color of #a31b22.

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

CSS codes

.text {color:#a31b22;}

.background {background-color:#a31b22;}

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

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

#0c0202
```
#0c0202 rgb(12,2,2)
```
#1c0506
```
#1c0506 rgb(28,5,6)
```
#2d0709
```
#2d0709 rgb(45,7,9)
```
#3e0a0d
```
#3e0a0d rgb(62,10,13)
```
#4f0d10
```
#4f0d10 rgb(79,13,16)
```
#601014
```
#601014 rgb(96,16,20)
```
#711317
```
#711317 rgb(113,19,23)
```
#81151b
```
#81151b rgb(129,21,27)
```
#92181e
```
#92181e rgb(146,24,30)
```
#a31b22
```
#a31b22 rgb(163,27,34)
```
#b41e26
```
#b41e26 rgb(180,30,38)
```
#c52129
```
#c52129 rgb(197,33,41)
```
#d5232d
```
#d5232d rgb(213,35,45)
```

Shade Color Variation

#dd3039
```
#dd3039 rgb(221,48,57)
```
#df4149
```
#df4149 rgb(223,65,73)
```
#e25159
```
#e25159 rgb(226,81,89)
```
#e56269
```
#e56269 rgb(229,98,105)
```
#e87379
```
#e87379 rgb(232,115,121)
```
#eb8489
```
#eb8489 rgb(235,132,137)
```
#ed9599
```
#ed9599 rgb(237,149,153)
```
#f0a6a9
```
#f0a6a9 rgb(240,166,169)
```
#f3b6ba
```
#f3b6ba rgb(243,182,186)
```
#f6c7ca
```
#f6c7ca rgb(246,199,202)
```
#f9d8da
```
#f9d8da rgb(249,216,218)
```
#fbe9ea
```
#fbe9ea rgb(251,233,234)
```
#fefafa
```
#fefafa rgb(254,250,250)
```

Tint Color Variation

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

#615d5d
```
#615d5d rgb(97,93,93)
```
#695556
```
#695556 rgb(105,85,86)
```
#704e50
```
#704e50 rgb(112,78,80)
```
#774749
```
#774749 rgb(119,71,73)
```
#7e4043
```
#7e4043 rgb(126,64,67)
```
#86383c
```
#86383c rgb(134,56,60)
```
#8d3136
```
#8d3136 rgb(141,49,54)
```
#942a2f
```
#942a2f rgb(148,42,47)
```
#9c2229
```
#9c2229 rgb(156,34,41)
```
#a31b22
```
#a31b22 rgb(163,27,34)
```
#aa141b
```
#aa141b rgb(170,20,27)
```
#b20c15
```
#b20c15 rgb(178,12,21)
```
#b9050e
```
#b9050e rgb(185,5,14)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#573c3d Atypical Achromatopsia 0.001% of the population

Dichromacy

#645c3c Protanopia 1% of men
#725722 Deuteranopia 1% of men
#a72728 Tritanopia 0.001% of the population

Trichromacy

#7a4432 Protanomaly 1% of men, 0.01% of women
#834122 Deuteranomaly 6% of men, 0.4% of women
#a52325 Tritanomaly 0.01% of the population

#a31b22 hex color

#a31b22 Color Information

#a31b22 Color Conversion

Color Schemes with #a31b22

Alternatives to #a31b22

#a31b22 Preview

Shades and Tints of #a31b22

Tones of #a31b22

Color Blindness Simulator