#a31522 hex color

In a RGB color space, hex #a31522 is composed of 63.9% red, 8.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.1% magenta, 79.1% yellow and 36.1% black. It has a hue angle of 354.5 degrees, a saturation of 77.2% and a lightness of 36.1%. #a31522 color hex could be obtained by blending #ff2a44 with #470000. Closest websafe color is: #990033.

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

● #a31522 color description : Dark red.

The hexadecimal color #a31522 has RGB values of R:163, G:21, B:34 and CMYK values of C:0, M:0.87, Y:0.79, K:0.36. Its decimal value is 10687778.

Hex triplet	a31522	`#a31522`
RGB Decimal	163, 21, 34	`rgb(163,21,34)`
RGB Percent	63.9, 8.2, 13.3	`rgb(63.9%,8.2%,13.3%)`
CMYK	0, 87, 79, 36
HSL	354.5°, 77.2, 36.1	`hsl(354.5,77.2%,36.1%)`
HSV (or HSB)	354.5°, 87.1, 63.9
Web Safe	990033	`#990033`

CIE-LAB	34.884, 54.793, 32.302
XYZ	15.662, 8.44, 2.318
xyY	0.593, 0.319, 8.44
CIE-LCH	34.884, 63.606, 30.52
CIE-LUV	34.884, 100.671, 18.47
Hunter-Lab	29.052, 45.387, 15.606
Binary	10100011, 00010101, 00100010

#a31522
```
#a31522 rgb(163,21,34)
```
#15a396
```
#15a396 rgb(21,163,150)
```

Complementary Color

#a31569
```
#a31569 rgb(163,21,105)
```
#a31522
```
#a31522 rgb(163,21,34)
```
#a34f15
```
#a34f15 rgb(163,79,21)
```

Analogous Color

#1569a3
```
#1569a3 rgb(21,105,163)
```
#a31522
```
#a31522 rgb(163,21,34)
```
#15a34f
```
#15a34f rgb(21,163,79)
```

Split Complementary Color

#1522a3
```
#1522a3 rgb(21,34,163)
```
#a31522
```
#a31522 rgb(163,21,34)
```
#22a315
```
#22a315 rgb(34,163,21)
```

Triadic Color

#9615a3
```
#9615a3 rgb(150,21,163)
```
#a31522
```
#a31522 rgb(163,21,34)
```
#22a315
```
#22a315 rgb(34,163,21)
```
#15a396
```
#15a396 rgb(21,163,150)
```

Tetradic Color

#5f0c14
```
#5f0c14 rgb(95,12,20)
```
#760f19
```
#760f19 rgb(118,15,25)
```
#8c121d
```
#8c121d rgb(140,18,29)
```
#a31522
```
#a31522 rgb(163,21,34)
```
#ba1827
```
#ba1827 rgb(186,24,39)
```
#d01b2b
```
#d01b2b rgb(208,27,43)
```
#e32234
```
#e32234 rgb(227,34,52)
```

Monochromatic Color

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

#a31546
```
#a31546 rgb(163,21,70)
```
#a3153a
```
#a3153a rgb(163,21,58)
```
#a3152e
```
#a3152e rgb(163,21,46)
```
#a31522
```
#a31522 rgb(163,21,34)
```
#a31516
```
#a31516 rgb(163,21,22)
```
#a32015
```
#a32015 rgb(163,32,21)
```
#a32b15
```
#a32b15 rgb(163,43,21)
```

Similar Colors

Text with hexadecimal color #a31522

This text has a font color of #a31522.

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

#a31522 background color

This paragraph has a background color of #a31522.

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

#a31522 border color

This element has a border color of #a31522.

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

CSS codes

.text {color:#a31522;}

.background {background-color:#a31522;}

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

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

#070101
```
#070101 rgb(7,1,1)
```
#180305
```
#180305 rgb(24,3,5)
```
#290509
```
#290509 rgb(41,5,9)
```
#3b080c
```
#3b080c rgb(59,8,12)
```
#4c0a10
```
#4c0a10 rgb(76,10,16)
```
#5d0c14
```
#5d0c14 rgb(93,12,20)
```
#6f0e17
```
#6f0e17 rgb(111,14,23)
```
#80111b
```
#80111b rgb(128,17,27)
```
#92131e
```
#92131e rgb(146,19,30)
```
#a31522
```
#a31522 rgb(163,21,34)
```
#b41726
```
#b41726 rgb(180,23,38)
```
#c61929
```
#c61929 rgb(198,25,41)
```
#d71c2d
```
#d71c2d rgb(215,28,45)
```

Shade Color Variation

#e32435
```
#e32435 rgb(227,36,53)
```
#e53545
```
#e53545 rgb(229,53,69)
```
#e74655
```
#e74655 rgb(231,70,85)
```
#e95865
```
#e95865 rgb(233,88,101)
```
#ec6975
```
#ec6975 rgb(236,105,117)
```
#ee7b85
```
#ee7b85 rgb(238,123,133)
```
#f08c95
```
#f08c95 rgb(240,140,149)
```
#f29da5
```
#f29da5 rgb(242,157,165)
```
#f5afb5
```
#f5afb5 rgb(245,175,181)
```
#f7c0c5
```
#f7c0c5 rgb(247,192,197)
```
#f9d1d5
```
#f9d1d5 rgb(249,209,213)
```
#fbe3e5
```
#fbe3e5 rgb(251,227,229)
```
#fef4f5
```
#fef4f5 rgb(254,244,245)
```

Tint Color Variation

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

#5c5c5c
```
#5c5c5c rgb(92,92,92)
```
#635556
```
#635556 rgb(99,85,86)
```
#6a4e50
```
#6a4e50 rgb(106,78,80)
```
#71474a
```
#71474a rgb(113,71,74)
```
#793f45
```
#793f45 rgb(121,63,69)
```
#80383f
```
#80383f rgb(128,56,63)
```
#873139
```
#873139 rgb(135,49,57)
```
#8e2a33
```
#8e2a33 rgb(142,42,51)
```
#95232e
```
#95232e rgb(149,35,46)
```
#9c1c28
```
#9c1c28 rgb(156,28,40)
```
#a31522
```
#a31522 rgb(163,21,34)
```
#aa0e1c
```
#aa0e1c rgb(170,14,28)
```
#b10716
```
#b10716 rgb(177,7,22)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#55383b Atypical Achromatopsia 0.001% of the population

Dichromacy

#625a3d Protanopia 1% of men
#705622 Deuteranopia 1% of men
#a72322 Tritanopia 0.001% of the population

Trichromacy

#7a4133 Protanomaly 1% of men, 0.01% of women
#823e22 Deuteranomaly 6% of men, 0.4% of women
#a51e22 Tritanomaly 0.01% of the population

#a31522 hex color

#a31522 Color Information

#a31522 Color Conversion

Color Schemes with #a31522

Alternatives to #a31522

#a31522 Preview

Shades and Tints of #a31522

Tones of #a31522

Color Blindness Simulator