colorhexa.com

#a31e36 hex color

In a RGB color space, hex #a31e36 is composed of 63.9% red, 11.8% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.6% magenta, 66.9% yellow and 36.1% black. It has a hue angle of 349.2 degrees, a saturation of 68.9% and a lightness of 37.8%. #a31e36 color hex could be obtained by blending #ff3c6c with #470000. Closest websafe color is: #993333.

- R 64
- G 12
- B 21
RGB color chart
- C 0
- M 82
- Y 67
- K 36
CMYK color chart

● #a31e36 color description : Dark red.

The hexadecimal color #a31e36 has RGB values of R:163, G:30, B:54 and CMYK values of C:0, M:0.82, Y:0.67, K:0.36. Its decimal value is 10690102.

Hex triplet	a31e36	`#a31e36`
RGB Decimal	163, 30, 54	`rgb(163,30,54)`
RGB Percent	63.9, 11.8, 21.2	`rgb(63.9%,11.8%,21.2%)`
CMYK	0, 82, 67, 36
HSL	349.2°, 68.9, 37.8	`hsl(349.2,68.9%,37.8%)`
HSV (or HSB)	349.2°, 81.6, 63.9
Web Safe	993333	`#993333`

CIE-LAB	35.952, 53.491, 21.103
XYZ	16.235, 8.983, 4.369
xyY	0.549, 0.304, 8.983
CIE-LCH	35.952, 57.503, 21.53
CIE-LUV	35.952, 92.502, 11.393
Hunter-Lab	29.972, 44.237, 12.338
Binary	10100011, 00011110, 00110110

#a31e36
```
#a31e36 rgb(163,30,54)
```
#1ea38b
```
#1ea38b rgb(30,163,139)
```

Complementary Color

#a31e79
```
#a31e79 rgb(163,30,121)
```
#a31e36
```
#a31e36 rgb(163,30,54)
```
#a3491e
```
#a3491e rgb(163,73,30)
```

Analogous Color

#1e79a3
```
#1e79a3 rgb(30,121,163)
```
#a31e36
```
#a31e36 rgb(163,30,54)
```
#1ea348
```
#1ea348 rgb(30,163,72)
```

Split Complementary Color

#1e36a3
```
#1e36a3 rgb(30,54,163)
```
#a31e36
```
#a31e36 rgb(163,30,54)
```
#36a31e
```
#36a31e rgb(54,163,30)
```

Triadic Color

#8b1ea3
```
#8b1ea3 rgb(139,30,163)
```
#a31e36
```
#a31e36 rgb(163,30,54)
```
#36a31e
```
#36a31e rgb(54,163,30)
```
#1ea38b
```
#1ea38b rgb(30,163,139)
```

Tetradic Color

#621221
```
#621221 rgb(98,18,33)
```
#781628
```
#781628 rgb(120,22,40)
```
#8d1a2f
```
#8d1a2f rgb(141,26,47)
```
#a31e36
```
#a31e36 rgb(163,30,54)
```
#b9223d
```
#b9223d rgb(185,34,61)
```
#ce2644
```
#ce2644 rgb(206,38,68)
```
#da3452
```
#da3452 rgb(218,52,82)
```

Monochromatic Color

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

#a31e57
```
#a31e57 rgb(163,30,87)
```
#a31e4c
```
#a31e4c rgb(163,30,76)
```
#a31e41
```
#a31e41 rgb(163,30,65)
```
#a31e36
```
#a31e36 rgb(163,30,54)
```
#a31e2b
```
#a31e2b rgb(163,30,43)
```
#a31e20
```
#a31e20 rgb(163,30,32)
```
#a3271e
```
#a3271e rgb(163,39,30)
```

Similar Colors

Text with hexadecimal color #a31e36

This text has a font color of #a31e36.

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

#a31e36 background color

This paragraph has a background color of #a31e36.

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

#a31e36 border color

This element has a border color of #a31e36.

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

CSS codes

.text {color:#a31e36;}

.background {background-color:#a31e36;}

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

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

#0e0305
```
#0e0305 rgb(14,3,5)
```
#1e060a
```
#1e060a rgb(30,6,10)
```
#2f0910
```
#2f0910 rgb(47,9,16)
```
#400c15
```
#400c15 rgb(64,12,21)
```
#500f1b
```
#500f1b rgb(80,15,27)
```
#611220
```
#611220 rgb(97,18,32)
```
#711526
```
#711526 rgb(113,21,38)
```
#82182b
```
#82182b rgb(130,24,43)
```
#921b31
```
#921b31 rgb(146,27,49)
```
#a31e36
```
#a31e36 rgb(163,30,54)
```
#b4213b
```
#b4213b rgb(180,33,59)
```
#c42441
```
#c42441 rgb(196,36,65)
```
#d52746
```
#d52746 rgb(213,39,70)
```

Shade Color Variation

#da3653
```
#da3653 rgb(218,54,83)
```
#dd4661
```
#dd4661 rgb(221,70,97)
```
#e0576f
```
#e0576f rgb(224,87,111)
```
#e3677e
```
#e3677e rgb(227,103,126)
```
#e6788c
```
#e6788c rgb(230,120,140)
```
#e9889a
```
#e9889a rgb(233,136,154)
```
#ec99a8
```
#ec99a8 rgb(236,153,168)
```
#efaab6
```
#efaab6 rgb(239,170,182)
```
#f2bac4
```
#f2bac4 rgb(242,186,196)
```
#f5cbd2
```
#f5cbd2 rgb(245,203,210)
```
#f8dbe0
```
#f8dbe0 rgb(248,219,224)
```
#fbecef
```
#fbecef rgb(251,236,239)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#68595c
```
#68595c rgb(104,89,92)
```
#6f5257
```
#6f5257 rgb(111,82,87)
```
#764b52
```
#764b52 rgb(118,75,82)
```
#7e434e
```
#7e434e rgb(126,67,78)
```
#853c49
```
#853c49 rgb(133,60,73)
```
#8d3444
```
#8d3444 rgb(141,52,68)
```
#942d3f
```
#942d3f rgb(148,45,63)
```
#9c253b
```
#9c253b rgb(156,37,59)
```
#a31e36
```
#a31e36 rgb(163,30,54)
```
#aa1731
```
#aa1731 rgb(170,23,49)
```
#b20f2d
```
#b20f2d rgb(178,15,45)
```
#b90828
```
#b90828 rgb(185,8,40)
```
#c10023
```
#c10023 rgb(193,0,35)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#5b4045 Atypical Achromatopsia 0.001% of the population

Dichromacy

#615d52 Protanopia 1% of men
#705937 Deuteranopia 1% of men
#a72d2e Tritanopia 0.001% of the population

Trichromacy

#794648 Protanomaly 1% of men, 0.01% of women
#834337 Deuteranomaly 6% of men, 0.4% of women
#a52731 Tritanomaly 0.01% of the population