colorhexa.com

#a31533 hex color

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

- R 64
- G 8
- B 20
RGB color chart
- C 0
- M 87
- Y 69
- K 36
CMYK color chart

● #a31533 color description : Dark red.

The hexadecimal color #a31533 has RGB values of R:163, G:21, B:51 and CMYK values of C:0, M:0.87, Y:0.69, K:0.36. Its decimal value is 10687795.

Hex triplet	a31533	`#a31533`
RGB Decimal	163, 21, 51	`rgb(163,21,51)`
RGB Percent	63.9, 8.2, 20	`rgb(63.9%,8.2%,20%)`
CMYK	0, 87, 69, 36
HSL	347.3°, 77.2, 36.1	`hsl(347.3,77.2%,36.1%)`
HSV (or HSB)	347.3°, 87.1, 63.9
Web Safe	990033	`#990033`

CIE-LAB	35.131, 55.518, 21.983
XYZ	15.971, 8.564, 3.944
xyY	0.561, 0.301, 8.564
CIE-LCH	35.131, 59.712, 21.601
CIE-LUV	35.131, 96.356, 11.376
Hunter-Lab	29.264, 46.203, 12.494
Binary	10100011, 00010101, 00110011

#a31533
```
#a31533 rgb(163,21,51)
```
#15a385
```
#15a385 rgb(21,163,133)
```

Complementary Color

#a3157a
```
#a3157a rgb(163,21,122)
```
#a31533
```
#a31533 rgb(163,21,51)
```
#a33e15
```
#a33e15 rgb(163,62,21)
```

Analogous Color

#157aa3
```
#157aa3 rgb(21,122,163)
```
#a31533
```
#a31533 rgb(163,21,51)
```
#15a33e
```
#15a33e rgb(21,163,62)
```

Split Complementary Color

#1533a3
```
#1533a3 rgb(21,51,163)
```
#a31533
```
#a31533 rgb(163,21,51)
```
#33a315
```
#33a315 rgb(51,163,21)
```

Triadic Color

#8515a3
```
#8515a3 rgb(133,21,163)
```
#a31533
```
#a31533 rgb(163,21,51)
```
#33a315
```
#33a315 rgb(51,163,21)
```
#15a385
```
#15a385 rgb(21,163,133)
```

Tetradic Color

#5f0c1e
```
#5f0c1e rgb(95,12,30)
```
#760f25
```
#760f25 rgb(118,15,37)
```
#8c122c
```
#8c122c rgb(140,18,44)
```
#a31533
```
#a31533 rgb(163,21,51)
```
#ba183a
```
#ba183a rgb(186,24,58)
```
#d01b41
```
#d01b41 rgb(208,27,65)
```
#e3224b
```
#e3224b rgb(227,34,75)
```

Monochromatic Color

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

#a31557
```
#a31557 rgb(163,21,87)
```
#a3154b
```
#a3154b rgb(163,21,75)
```
#a3153f
```
#a3153f rgb(163,21,63)
```
#a31533
```
#a31533 rgb(163,21,51)
```
#a31527
```
#a31527 rgb(163,21,39)
```
#a3151b
```
#a3151b rgb(163,21,27)
```
#a31a15
```
#a31a15 rgb(163,26,21)
```

Similar Colors

Text with hexadecimal color #a31533

This text has a font color of #a31533.

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

#a31533 background color

This paragraph has a background color of #a31533.

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

#a31533 border color

This element has a border color of #a31533.

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

CSS codes

.text {color:#a31533;}

.background {background-color:#a31533;}

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

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

#070102
```
#070102 rgb(7,1,2)
```
#180308
```
#180308 rgb(24,3,8)
```
#29050d
```
#29050d rgb(41,5,13)
```
#3b0812
```
#3b0812 rgb(59,8,18)
```
#4c0a18
```
#4c0a18 rgb(76,10,24)
```
#5d0c1d
```
#5d0c1d rgb(93,12,29)
```
#6f0e23
```
#6f0e23 rgb(111,14,35)
```
#801128
```
#801128 rgb(128,17,40)
```
#92132e
```
#92132e rgb(146,19,46)
```
#a31533
```
#a31533 rgb(163,21,51)
```
#b41738
```
#b41738 rgb(180,23,56)
```
#c6193e
```
#c6193e rgb(198,25,62)
```
#d71c43
```
#d71c43 rgb(215,28,67)
```

Shade Color Variation

#e3244c
```
#e3244c rgb(227,36,76)
```
#e5355a
```
#e5355a rgb(229,53,90)
```
#e74668
```
#e74668 rgb(231,70,104)
```
#e95877
```
#e95877 rgb(233,88,119)
```
#ec6985
```
#ec6985 rgb(236,105,133)
```
#ee7b93
```
#ee7b93 rgb(238,123,147)
```
#f08ca1
```
#f08ca1 rgb(240,140,161)
```
#f29daf
```
#f29daf rgb(242,157,175)
```
#f5afbe
```
#f5afbe rgb(245,175,190)
```
#f7c0cc
```
#f7c0cc rgb(247,192,204)
```
#f9d1da
```
#f9d1da rgb(249,209,218)
```
#fbe3e8
```
#fbe3e8 rgb(251,227,232)
```
#fef4f6
```
#fef4f6 rgb(254,244,246)
```

Tint Color Variation

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

#5c5c5c
```
#5c5c5c rgb(92,92,92)
```
#635558
```
#635558 rgb(99,85,88)
```
#6a4e54
```
#6a4e54 rgb(106,78,84)
```
#714750
```
#714750 rgb(113,71,80)
```
#793f4c
```
#793f4c rgb(121,63,76)
```
#803847
```
#803847 rgb(128,56,71)
```
#873143
```
#873143 rgb(135,49,67)
```
#8e2a3f
```
#8e2a3f rgb(142,42,63)
```
#95233b
```
#95233b rgb(149,35,59)
```
#9c1c37
```
#9c1c37 rgb(156,28,55)
```
#a31533
```
#a31533 rgb(163,21,51)
```
#aa0e2f
```
#aa0e2f rgb(170,14,47)
```
#b1072b
```
#b1072b rgb(177,7,43)
```

Tone Color Variation

Below, you can see how #a31533 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
#563a40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f5b51 Protanopia 1% of men
#6f5734 Deuteranopia 1% of men
#a72626 Tritanopia 0.001% of the population

Trichromacy

#784146 Protanomaly 1% of men, 0.01% of women
#813f33 Deuteranomaly 6% of men, 0.4% of women
#a5202b Tritanomaly 0.01% of the population