#a31312 hex color

In a RGB color space, hex #a31312 is composed of 63.9% red, 7.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.3% magenta, 89% yellow and 36.1% black. It has a hue angle of 0.4 degrees, a saturation of 80.1% and a lightness of 35.5%. #a31312 color hex could be obtained by blending #ff2624 with #470000. Closest websafe color is: #990000.

♥
- f
- t
- g
- R 64
- G 7
- B 7
RGB color chart
- C 0
- M 88
- Y 89
- K 36
CMYK color chart

● #a31312 color description : Dark red.

The hexadecimal color #a31312 has RGB values of R:163, G:19, B:18 and CMYK values of C:0, M:0.88, Y:0.89, K:0.36. Its decimal value is 10687250.

Hex triplet	a31312	`#a31312`
RGB Decimal	163, 19, 18	`rgb(163,19,18)`
RGB Percent	63.9, 7.5, 7.1	`rgb(63.9%,7.5%,7.1%)`
CMYK	0, 88, 89, 36
HSL	0.4°, 80.1, 35.5	`hsl(0.4,80.1%,35.5%)`
HSV (or HSB)	0.4°, 89, 63.9
Web Safe	990000	`#990000`

CIE-LAB	34.596, 54.774, 40.824
XYZ	15.447, 8.298, 1.361
xyY	0.615, 0.331, 8.298
CIE-LCH	34.596, 68.314, 36.697
CIE-LUV	34.596, 104.005, 22.619
Hunter-Lab	28.806, 45.309, 17.364
Binary	10100011, 00010011, 00010010

#a31312
```
#a31312 rgb(163,19,18)
```
#12a2a3
```
#12a2a3 rgb(18,162,163)
```

Complementary Color

#a3125a
```
#a3125a rgb(163,18,90)
```
#a31312
```
#a31312 rgb(163,19,18)
```
#a35c12
```
#a35c12 rgb(163,92,18)
```

Analogous Color

#125aa3
```
#125aa3 rgb(18,90,163)
```
#a31312
```
#a31312 rgb(163,19,18)
```
#12a35c
```
#12a35c rgb(18,163,92)
```

Split Complementary Color

#1312a3
```
#1312a3 rgb(19,18,163)
```
#a31312
```
#a31312 rgb(163,19,18)
```
#12a313
```
#12a313 rgb(18,163,19)
```

Triadic Color

#a312a2
```
#a312a2 rgb(163,18,162)
```
#a31312
```
#a31312 rgb(163,19,18)
```
#12a313
```
#12a313 rgb(18,163,19)
```
#12a2a3
```
#12a2a3 rgb(18,162,163)
```

Tetradic Color

#5e0b0a
```
#5e0b0a rgb(94,11,10)
```
#750e0d
```
#750e0d rgb(117,14,13)
```
#8c100f
```
#8c100f rgb(140,16,15)
```
#a31312
```
#a31312 rgb(163,19,18)
```
#ba1615
```
#ba1615 rgb(186,22,21)
```
#d11817
```
#d11817 rgb(209,24,23)
```
#e61d1c
```
#e61d1c rgb(230,29,28)
```

Monochromatic Color

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

#a31235
```
#a31235 rgb(163,18,53)
```
#a31229
```
#a31229 rgb(163,18,41)
```
#a3121d
```
#a3121d rgb(163,18,29)
```
#a31312
```
#a31312 rgb(163,19,18)
```
#a31f12
```
#a31f12 rgb(163,31,18)
```
#a32b12
```
#a32b12 rgb(163,43,18)
```
#a33712
```
#a33712 rgb(163,55,18)
```

Similar Colors

Text with hexadecimal color #a31312

This text has a font color of #a31312.

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

#a31312 background color

This paragraph has a background color of #a31312.

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

#a31312 border color

This element has a border color of #a31312.

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

CSS codes

.text {color:#a31312;}

.background {background-color:#a31312;}

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

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

#040000
```
#040000 rgb(4,0,0)
```
#160302
```
#160302 rgb(22,3,2)
```
#270504
```
#270504 rgb(39,5,4)
```
#390706
```
#390706 rgb(57,7,6)
```
#4b0908
```
#4b0908 rgb(75,9,8)
```
#5c0b0a
```
#5c0b0a rgb(92,11,10)
```
#6e0d0c
```
#6e0d0c rgb(110,13,12)
```
#800f0e
```
#800f0e rgb(128,15,14)
```
#911110
```
#911110 rgb(145,17,16)
```
#a31312
```
#a31312 rgb(163,19,18)
```
#b51514
```
#b51514 rgb(181,21,20)
```
#c61716
```
#c61716 rgb(198,23,22)
```
#d81918
```
#d81918 rgb(216,25,24)
```

Shade Color Variation

#e61f1d
```
#e61f1d rgb(230,31,29)
```
#e8302f
```
#e8302f rgb(232,48,47)
```
#ea4241
```
#ea4241 rgb(234,66,65)
```
#ec5352
```
#ec5352 rgb(236,83,82)
```
#ee6564
```
#ee6564 rgb(238,101,100)
```
#f07776
```
#f07776 rgb(240,119,118)
```
#f28887
```
#f28887 rgb(242,136,135)
```
#f49a99
```
#f49a99 rgb(244,154,153)
```
#f6abab
```
#f6abab rgb(246,171,171)
```
#f8bdbc
```
#f8bdbc rgb(248,189,188)
```
#facece
```
#facece rgb(250,206,206)
```
#fce0e0
```
#fce0e0 rgb(252,224,224)
```
#fdf1f1
```
#fdf1f1 rgb(253,241,241)
```

Tint Color Variation

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

#5d5858
```
#5d5858 rgb(93,88,88)
```
#645151
```
#645151 rgb(100,81,81)
```
#6b4a4a
```
#6b4a4a rgb(107,74,74)
```
#724343
```
#724343 rgb(114,67,67)
```
#793c3c
```
#793c3c rgb(121,60,60)
```
#803535
```
#803535 rgb(128,53,53)
```
#872e2e
```
#872e2e rgb(135,46,46)
```
#8e2827
```
#8e2827 rgb(142,40,39)
```
#952120
```
#952120 rgb(149,33,32)
```
#9c1a19
```
#9c1a19 rgb(156,26,25)
```
#a31312
```
#a31312 rgb(163,19,18)
```
#aa0c0b
```
#aa0c0b rgb(170,12,11)
```
#b10504
```
#b10504 rgb(177,5,4)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#523535 Atypical Achromatopsia 0.001% of the population

Dichromacy

#635a2b Protanopia 1% of men
#715600 Deuteranopia 1% of men
#a71f1d Tritanopia 0.001% of the population

Trichromacy

#7a4022 Protanomaly 1% of men, 0.01% of women
#833d06 Deuteranomaly 6% of men, 0.4% of women
#a61a19 Tritanomaly 0.01% of the population

#a31312 hex color

#a31312 Color Information

#a31312 Color Conversion

Color Schemes with #a31312

Alternatives to #a31312

#a31312 Preview

Shades and Tints of #a31312

Tones of #a31312

Color Blindness Simulator