#a31836 hex color

In a RGB color space, hex #a31836 is composed of 63.9% red, 9.4% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.3% magenta, 66.9% yellow and 36.1% black. It has a hue angle of 347.1 degrees, a saturation of 74.3% and a lightness of 36.7%. #a31836 color hex could be obtained by blending #ff306c with #470000. Closest websafe color is: #990033.

♥
- f
- t
- g
- R 64
- G 9
- B 21
RGB color chart
- C 0
- M 85
- Y 67
- K 36
CMYK color chart

● #a31836 color description : Dark red.

The hexadecimal color #a31836 has RGB values of R:163, G:24, B:54 and CMYK values of C:0, M:0.85, Y:0.67, K:0.36. Its decimal value is 10688566.

Hex triplet	a31836	`#a31836`
RGB Decimal	163, 24, 54	`rgb(163,24,54)`
RGB Percent	63.9, 9.4, 21.2	`rgb(63.9%,9.4%,21.2%)`
CMYK	0, 85, 67, 36
HSL	347.1°, 74.3, 36.7	`hsl(347.1,74.3%,36.7%)`
HSV (or HSB)	347.1°, 85.3, 63.9
Web Safe	990033	`#990033`

CIE-LAB	35.416, 55.016, 20.419
XYZ	16.097, 8.708, 4.323
xyY	0.553, 0.299, 8.708
CIE-LCH	35.416, 58.683, 20.362
CIE-LUV	35.416, 94.56, 10.337
Hunter-Lab	29.509, 45.73, 11.971
Binary	10100011, 00011000, 00110110

#a31836
```
#a31836 rgb(163,24,54)
```
#18a385
```
#18a385 rgb(24,163,133)
```

Complementary Color

#a3187c
```
#a3187c rgb(163,24,124)
```
#a31836
```
#a31836 rgb(163,24,54)
```
#a34018
```
#a34018 rgb(163,64,24)
```

Analogous Color

#187ca3
```
#187ca3 rgb(24,124,163)
```
#a31836
```
#a31836 rgb(163,24,54)
```
#18a33f
```
#18a33f rgb(24,163,63)
```

Split Complementary Color

#1836a3
```
#1836a3 rgb(24,54,163)
```
#a31836
```
#a31836 rgb(163,24,54)
```
#36a318
```
#36a318 rgb(54,163,24)
```

Triadic Color

#8518a3
```
#8518a3 rgb(133,24,163)
```
#a31836
```
#a31836 rgb(163,24,54)
```
#36a318
```
#36a318 rgb(54,163,24)
```
#18a385
```
#18a385 rgb(24,163,133)
```

Tetradic Color

#600e20
```
#600e20 rgb(96,14,32)
```
#771127
```
#771127 rgb(119,17,39)
```
#8d152f
```
#8d152f rgb(141,21,47)
```
#a31836
```
#a31836 rgb(163,24,54)
```
#b91b3d
```
#b91b3d rgb(185,27,61)
```
#cf1f45
```
#cf1f45 rgb(207,31,69)
```
#df2850
```
#df2850 rgb(223,40,80)
```

Monochromatic Color

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

#a31859
```
#a31859 rgb(163,24,89)
```
#a3184d
```
#a3184d rgb(163,24,77)
```
#a31842
```
#a31842 rgb(163,24,66)
```
#a31836
```
#a31836 rgb(163,24,54)
```
#a3182a
```
#a3182a rgb(163,24,42)
```
#a3181f
```
#a3181f rgb(163,24,31)
```
#a31d18
```
#a31d18 rgb(163,29,24)
```

Similar Colors

Text with hexadecimal color #a31836

This text has a font color of #a31836.

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

#a31836 background color

This paragraph has a background color of #a31836.

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

#a31836 border color

This element has a border color of #a31836.

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

CSS codes

.text {color:#a31836;}

.background {background-color:#a31836;}

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

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

#090103
```
#090103 rgb(9,1,3)
```
#1a0409
```
#1a0409 rgb(26,4,9)
```
#2b060e
```
#2b060e rgb(43,6,14)
```
#3c0914
```
#3c0914 rgb(60,9,20)
```
#4e0b1a
```
#4e0b1a rgb(78,11,26)
```
#5f0e1f
```
#5f0e1f rgb(95,14,31)
```
#701025
```
#701025 rgb(112,16,37)
```
#81132b
```
#81132b rgb(129,19,43)
```
#921530
```
#921530 rgb(146,21,48)
```
#a31836
```
#a31836 rgb(163,24,54)
```
#b41b3c
```
#b41b3c rgb(180,27,60)
```
#c51d41
```
#c51d41 rgb(197,29,65)
```
#d62047
```
#d62047 rgb(214,32,71)
```

Shade Color Variation

#e02a51
```
#e02a51 rgb(224,42,81)
```
#e23b5f
```
#e23b5f rgb(226,59,95)
```
#e54c6d
```
#e54c6d rgb(229,76,109)
```
#e75d7b
```
#e75d7b rgb(231,93,123)
```
#ea6e89
```
#ea6e89 rgb(234,110,137)
```
#ec7f97
```
#ec7f97 rgb(236,127,151)
```
#ef90a5
```
#ef90a5 rgb(239,144,165)
```
#f1a2b3
```
#f1a2b3 rgb(241,162,179)
```
#f4b3c1
```
#f4b3c1 rgb(244,179,193)
```
#f6c4cf
```
#f6c4cf rgb(246,196,207)
```
#f9d5dd
```
#f9d5dd rgb(249,213,221)
```
#fbe6eb
```
#fbe6eb rgb(251,230,235)
```
#fef7f8
```
#fef7f8 rgb(254,247,248)
```

Tint Color Variation

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

#62595b
```
#62595b rgb(98,89,91)
```
#695257
```
#695257 rgb(105,82,87)
```
#714a53
```
#714a53 rgb(113,74,83)
```
#78434f
```
#78434f rgb(120,67,79)
```
#7f3c4a
```
#7f3c4a rgb(127,60,74)
```
#863546
```
#863546 rgb(134,53,70)
```
#8d2e42
```
#8d2e42 rgb(141,46,66)
```
#95263e
```
#95263e rgb(149,38,62)
```
#9c1f3a
```
#9c1f3a rgb(156,31,58)
```
#a31836
```
#a31836 rgb(163,24,54)
```
#aa1132
```
#aa1132 rgb(170,17,50)
```
#b10a2e
```
#b10a2e rgb(177,10,46)
```
#b9022a
```
#b9022a rgb(185,2,42)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#583c42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f5b54 Protanopia 1% of men
#6f5837 Deuteranopia 1% of men
#a6292a Tritanopia 0.001% of the population

Trichromacy

#784349 Protanomaly 1% of men, 0.01% of women
#824037 Deuteranomaly 6% of men, 0.4% of women
#a5232e Tritanomaly 0.01% of the population

#a31836 hex color

#a31836 Color Information

#a31836 Color Conversion

Color Schemes with #a31836

Alternatives to #a31836

#a31836 Preview

Shades and Tints of #a31836

Tones of #a31836

Color Blindness Simulator