#a31b1f hex color

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

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

● #a31b1f color description : Dark red.

The hexadecimal color #a31b1f has RGB values of R:163, G:27, B:31 and CMYK values of C:0, M:0.83, Y:0.81, K:0.36. Its decimal value is 10689311.

Hex triplet	a31b1f	`#a31b1f`
RGB Decimal	163, 27, 31	`rgb(163,27,31)`
RGB Percent	63.9, 10.6, 12.2	`rgb(63.9%,10.6%,12.2%)`
CMYK	0, 83, 81, 36
HSL	358.2°, 71.6, 37.3	`hsl(358.2,71.6%,37.3%)`
HSV (or HSB)	358.2°, 83.4, 63.9
Web Safe	993333	`#993333`

CIE-LAB	35.344, 53.29, 34.541
XYZ	15.744, 8.671, 2.141
xyY	0.593, 0.327, 8.671
CIE-LCH	35.344, 63.506, 32.95
CIE-LUV	35.344, 99.171, 20.353
Hunter-Lab	29.447, 43.905, 16.302
Binary	10100011, 00011011, 00011111

#a31b1f
```
#a31b1f rgb(163,27,31)
```
#1ba39f
```
#1ba39f rgb(27,163,159)
```

Complementary Color

#a31b63
```
#a31b63 rgb(163,27,99)
```
#a31b1f
```
#a31b1f rgb(163,27,31)
```
#a35b1b
```
#a35b1b rgb(163,91,27)
```

Analogous Color

#1b63a3
```
#1b63a3 rgb(27,99,163)
```
#a31b1f
```
#a31b1f rgb(163,27,31)
```
#1ba35b
```
#1ba35b rgb(27,163,91)
```

Split Complementary Color

#1b1fa3
```
#1b1fa3 rgb(27,31,163)
```
#a31b1f
```
#a31b1f rgb(163,27,31)
```
#1fa31b
```
#1fa31b rgb(31,163,27)
```

Triadic Color

#9f1ba3
```
#9f1ba3 rgb(159,27,163)
```
#a31b1f
```
#a31b1f rgb(163,27,31)
```
#1fa31b
```
#1fa31b rgb(31,163,27)
```
#1ba39f
```
#1ba39f rgb(27,163,159)
```

Tetradic Color

#611013
```
#611013 rgb(97,16,19)
```
#771417
```
#771417 rgb(119,20,23)
```
#8d171b
```
#8d171b rgb(141,23,27)
```
#a31b1f
```
#a31b1f rgb(163,27,31)
```
#b91f23
```
#b91f23 rgb(185,31,35)
```
#cf2227
```
#cf2227 rgb(207,34,39)
```
#dc2e33
```
#dc2e33 rgb(220,46,51)
```

Monochromatic Color

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

#a31b41
```
#a31b41 rgb(163,27,65)
```
#a31b36
```
#a31b36 rgb(163,27,54)
```
#a31b2a
```
#a31b2a rgb(163,27,42)
```
#a31b1f
```
#a31b1f rgb(163,27,31)
```
#a3221b
```
#a3221b rgb(163,34,27)
```
#a32e1b
```
#a32e1b rgb(163,46,27)
```
#a3391b
```
#a3391b rgb(163,57,27)
```

Similar Colors

Text with hexadecimal color #a31b1f

This text has a font color of #a31b1f.

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

#a31b1f background color

This paragraph has a background color of #a31b1f.

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

#a31b1f border color

This element has a border color of #a31b1f.

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

CSS codes

.text {color:#a31b1f;}

.background {background-color:#a31b1f;}

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

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)
```
#1c0505
```
#1c0505 rgb(28,5,5)
```
#2d0709
```
#2d0709 rgb(45,7,9)
```
#3e0a0c
```
#3e0a0c rgb(62,10,12)
```
#4f0d0f
```
#4f0d0f rgb(79,13,15)
```
#601012
```
#601012 rgb(96,16,18)
```
#711315
```
#711315 rgb(113,19,21)
```
#811519
```
#811519 rgb(129,21,25)
```
#92181c
```
#92181c rgb(146,24,28)
```
#a31b1f
```
#a31b1f rgb(163,27,31)
```
#b41e22
```
#b41e22 rgb(180,30,34)
```
#c52125
```
#c52125 rgb(197,33,37)
```
#d52329
```
#d52329 rgb(213,35,41)
```

Shade Color Variation

#dd3035
```
#dd3035 rgb(221,48,53)
```
#df4145
```
#df4145 rgb(223,65,69)
```
#e25156
```
#e25156 rgb(226,81,86)
```
#e56266
```
#e56266 rgb(229,98,102)
```
#e87377
```
#e87377 rgb(232,115,119)
```
#eb8487
```
#eb8487 rgb(235,132,135)
```
#ed9597
```
#ed9597 rgb(237,149,151)
```
#f0a6a8
```
#f0a6a8 rgb(240,166,168)
```
#f3b6b8
```
#f3b6b8 rgb(243,182,184)
```
#f6c7c9
```
#f6c7c9 rgb(246,199,201)
```
#f9d8d9
```
#f9d8d9 rgb(249,216,217)
```
#fbe9e9
```
#fbe9e9 rgb(251,233,233)
```
#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 #b9050a is the most saturated one.

#615d5d
```
#615d5d rgb(97,93,93)
```
#695556
```
#695556 rgb(105,85,86)
```
#704e4f
```
#704e4f rgb(112,78,79)
```
#774748
```
#774748 rgb(119,71,72)
```
#7e4041
```
#7e4041 rgb(126,64,65)
```
#86383b
```
#86383b rgb(134,56,59)
```
#8d3134
```
#8d3134 rgb(141,49,52)
```
#942a2d
```
#942a2d rgb(148,42,45)
```
#9c2226
```
#9c2226 rgb(156,34,38)
```
#a31b1f
```
#a31b1f rgb(163,27,31)
```
#aa1418
```
#aa1418 rgb(170,20,24)
```
#b20c11
```
#b20c11 rgb(178,12,17)
```
#b9050a
```
#b9050a rgb(185,5,10)
```

Tone Color Variation

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

#645c38 Protanopia 1% of men
#72571f Deuteranopia 1% of men
#a72727 Tritanopia 0.001% of the population

Trichromacy

#7b442f Protanomaly 1% of men, 0.01% of women
#83411f Deuteranomaly 6% of men, 0.4% of women
#a62224 Tritanomaly 0.01% of the population

#a31b1f hex color

#a31b1f Color Information

#a31b1f Color Conversion

Color Schemes with #a31b1f

Alternatives to #a31b1f

#a31b1f Preview

Shades and Tints of #a31b1f

Tones of #a31b1f

Color Blindness Simulator