#a31300 hex color

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

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

● #a31300 color description : Dark red.

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

Hex triplet	a31300	`#a31300`
RGB Decimal	163, 19, 0	`rgb(163,19,0)`
RGB Percent	63.9, 7.5, 0	`rgb(63.9%,7.5%,0%)`
CMYK	0, 88, 100, 36
HSL	7°, 100, 32	`hsl(7,100%,32%)`
HSV (or HSB)	7°, 100, 63.9
Web Safe	990000	`#990000`

CIE-LAB	34.507, 54.513, 48.257
XYZ	15.338, 8.254, 0.786
xyY	0.629, 0.339, 8.254
CIE-LCH	34.507, 72.804, 41.516
CIE-LUV	34.507, 105.739, 25.407
Hunter-Lab	28.73, 45.016, 18.49
Binary	10100011, 00010011, 00000000

#a31300
```
#a31300 rgb(163,19,0)
```
#0090a3
```
#0090a3 rgb(0,144,163)
```

Complementary Color

#a3003f
```
#a3003f rgb(163,0,63)
```
#a31300
```
#a31300 rgb(163,19,0)
```
#a36500
```
#a36500 rgb(163,101,0)
```

Analogous Color

#003fa3
```
#003fa3 rgb(0,63,163)
```
#a31300
```
#a31300 rgb(163,19,0)
```
#00a365
```
#00a365 rgb(0,163,101)
```

Split Complementary Color

#1300a3
```
#1300a3 rgb(19,0,163)
```
#a31300
```
#a31300 rgb(163,19,0)
```
#00a313
```
#00a313 rgb(0,163,19)
```

Triadic Color

#a30090
```
#a30090 rgb(163,0,144)
```
#a31300
```
#a31300 rgb(163,19,0)
```
#00a313
```
#00a313 rgb(0,163,19)
```
#0090a3
```
#0090a3 rgb(0,144,163)
```

Tetradic Color

#570a00
```
#570a00 rgb(87,10,0)
```
#700d00
```
#700d00 rgb(112,13,0)
```
#8a1000
```
#8a1000 rgb(138,16,0)
```
#a31300
```
#a31300 rgb(163,19,0)
```
#bd1600
```
#bd1600 rgb(189,22,0)
```
#d61900
```
#d61900 rgb(214,25,0)
```
#f01c00
```
#f01c00 rgb(240,28,0)
```

Monochromatic Color

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

#a30016
```
#a30016 rgb(163,0,22)
```
#a30008
```
#a30008 rgb(163,0,8)
```
#a30500
```
#a30500 rgb(163,5,0)
```
#a31300
```
#a31300 rgb(163,19,0)
```
#a32100
```
#a32100 rgb(163,33,0)
```
#a32e00
```
#a32e00 rgb(163,46,0)
```
#a33c00
```
#a33c00 rgb(163,60,0)
```

Similar Colors

Text with hexadecimal color #a31300

This text has a font color of #a31300.

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

#a31300 background color

This paragraph has a background color of #a31300.

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

#a31300 border color

This element has a border color of #a31300.

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

CSS codes

.text {color:#a31300;}

.background {background-color:#a31300;}

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

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

#060100
```
#060100 rgb(6,1,0)
```
#1a0300
```
#1a0300 rgb(26,3,0)
```
#2d0500
```
#2d0500 rgb(45,5,0)
```
#410800
```
#410800 rgb(65,8,0)
```
#550a00
```
#550a00 rgb(85,10,0)
```
#680c00
```
#680c00 rgb(104,12,0)
```
#7c0e00
```
#7c0e00 rgb(124,14,0)
```
#8f1100
```
#8f1100 rgb(143,17,0)
```
#a31300
```
#a31300 rgb(163,19,0)
```
#b71500
```
#b71500 rgb(183,21,0)
```
#ca1800
```
#ca1800 rgb(202,24,0)
```
#de1a00
```
#de1a00 rgb(222,26,0)
```
#f11c00
```
#f11c00 rgb(241,28,0)
```

Shade Color Variation

#ff2306
```
#ff2306 rgb(255,35,6)
```
#ff341a
```
#ff341a rgb(255,52,26)
```
#ff462d
```
#ff462d rgb(255,70,45)
```
#ff5741
```
#ff5741 rgb(255,87,65)
```
#ff6855
```
#ff6855 rgb(255,104,85)
```
#ff7a68
```
#ff7a68 rgb(255,122,104)
```
#ff8b7c
```
#ff8b7c rgb(255,139,124)
```
#ff9c8f
```
#ff9c8f rgb(255,156,143)
```
#ffaea3
```
#ffaea3 rgb(255,174,163)
```
#ffbfb7
```
#ffbfb7 rgb(255,191,183)
```
#ffd0ca
```
#ffd0ca rgb(255,208,202)
```
#ffe2de
```
#ffe2de rgb(255,226,222)
```
#fff3f1
```
#fff3f1 rgb(255,243,241)
```

Tint Color Variation

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

#584d4b
```
#584d4b rgb(88,77,75)
```
#5e4845
```
#5e4845 rgb(94,72,69)
```
#64433f
```
#64433f rgb(100,67,63)
```
#6b3e38
```
#6b3e38 rgb(107,62,56)
```
#713932
```
#713932 rgb(113,57,50)
```
#77352c
```
#77352c rgb(119,53,44)
```
#7d3026
```
#7d3026 rgb(125,48,38)
```
#842b1f
```
#842b1f rgb(132,43,31)
```
#8a2619
```
#8a2619 rgb(138,38,25)
```
#902113
```
#902113 rgb(144,33,19)
```
#961d0d
```
#961d0d rgb(150,29,13)
```
#9d1806
```
#9d1806 rgb(157,24,6)
```
#a31300
```
#a31300 rgb(163,19,0)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#513430 Atypical Achromatopsia 0.001% of the population

Dichromacy

#645a16 Protanopia 1% of men
#705600 Deuteranopia 1% of men
#a71d1b Tritanopia 0.001% of the population

Trichromacy

#7b400e Protanomaly 1% of men, 0.01% of women
#823d00 Deuteranomaly 6% of men, 0.4% of women
#a61911 Tritanomaly 0.01% of the population

#a31300 hex color

#a31300 Color Information

#a31300 Color Conversion

Color Schemes with #a31300

Alternatives to #a31300

#a31300 Preview

Shades and Tints of #a31300

Tones of #a31300

Color Blindness Simulator