#a31100 hex color

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

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

● #a31100 color description : Dark red.

The hexadecimal color #a31100 has RGB values of R:163, G:17, B:0 and CMYK values of C:0, M:0.9, Y:1, K:0.36. Its decimal value is 10686720.

Hex triplet	a31100	`#a31100`
RGB Decimal	163, 17, 0	`rgb(163,17,0)`
RGB Percent	63.9, 6.7, 0	`rgb(63.9%,6.7%,0%)`
CMYK	0, 90, 100, 36
HSL	6.3°, 100, 32	`hsl(6.3,100%,32%)`
HSV (or HSB)	6.3°, 100, 63.9
Web Safe	990000	`#990000`

CIE-LAB	34.374, 54.893, 48.183
XYZ	15.306, 8.189, 0.775
xyY	0.631, 0.337, 8.189
CIE-LCH	34.374, 73.04, 41.275
CIE-LUV	34.374, 106.351, 25.185
Hunter-Lab	28.617, 45.388, 18.427
Binary	10100011, 00010001, 00000000

#a31100
```
#a31100 rgb(163,17,0)
```
#0092a3
```
#0092a3 rgb(0,146,163)
```

Complementary Color

#a30040
```
#a30040 rgb(163,0,64)
```
#a31100
```
#a31100 rgb(163,17,0)
```
#a36300
```
#a36300 rgb(163,99,0)
```

Analogous Color

#0040a3
```
#0040a3 rgb(0,64,163)
```
#a31100
```
#a31100 rgb(163,17,0)
```
#00a363
```
#00a363 rgb(0,163,99)
```

Split Complementary Color

#1100a3
```
#1100a3 rgb(17,0,163)
```
#a31100
```
#a31100 rgb(163,17,0)
```
#00a311
```
#00a311 rgb(0,163,17)
```

Triadic Color

#a30092
```
#a30092 rgb(163,0,146)
```
#a31100
```
#a31100 rgb(163,17,0)
```
#00a311
```
#00a311 rgb(0,163,17)
```
#0092a3
```
#0092a3 rgb(0,146,163)
```

Tetradic Color

#570900
```
#570900 rgb(87,9,0)
```
#700c00
```
#700c00 rgb(112,12,0)
```
#8a0e00
```
#8a0e00 rgb(138,14,0)
```
#a31100
```
#a31100 rgb(163,17,0)
```
#bd1400
```
#bd1400 rgb(189,20,0)
```
#d61600
```
#d61600 rgb(214,22,0)
```
#f01900
```
#f01900 rgb(240,25,0)
```

Monochromatic Color

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

#a30018
```
#a30018 rgb(163,0,24)
```
#a3000a
```
#a3000a rgb(163,0,10)
```
#a30300
```
#a30300 rgb(163,3,0)
```
#a31100
```
#a31100 rgb(163,17,0)
```
#a31f00
```
#a31f00 rgb(163,31,0)
```
#a32c00
```
#a32c00 rgb(163,44,0)
```
#a33a00
```
#a33a00 rgb(163,58,0)
```

Similar Colors

Text with hexadecimal color #a31100

This text has a font color of #a31100.

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

#a31100 background color

This paragraph has a background color of #a31100.

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

#a31100 border color

This element has a border color of #a31100.

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

CSS codes

.text {color:#a31100;}

.background {background-color:#a31100;}

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

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)
```
#410700
```
#410700 rgb(65,7,0)
```
#550900
```
#550900 rgb(85,9,0)
```
#680b00
```
#680b00 rgb(104,11,0)
```
#7c0d00
```
#7c0d00 rgb(124,13,0)
```
#8f0f00
```
#8f0f00 rgb(143,15,0)
```
#a31100
```
#a31100 rgb(163,17,0)
```
#b71300
```
#b71300 rgb(183,19,0)
```
#ca1500
```
#ca1500 rgb(202,21,0)
```
#de1700
```
#de1700 rgb(222,23,0)
```
#f11900
```
#f11900 rgb(241,25,0)
```

Shade Color Variation

#ff2006
```
#ff2006 rgb(255,32,6)
```
#ff321a
```
#ff321a rgb(255,50,26)
```
#ff432d
```
#ff432d rgb(255,67,45)
```
#ff5541
```
#ff5541 rgb(255,85,65)
```
#ff6655
```
#ff6655 rgb(255,102,85)
```
#ff7868
```
#ff7868 rgb(255,120,104)
```
#ff897c
```
#ff897c rgb(255,137,124)
```
#ff9b8f
```
#ff9b8f rgb(255,155,143)
```
#ffada3
```
#ffada3 rgb(255,173,163)
```
#ffbeb7
```
#ffbeb7 rgb(255,190,183)
```
#ffd0ca
```
#ffd0ca rgb(255,208,202)
```
#ffe1de
```
#ffe1de rgb(255,225,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 #a31100 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)
```
#77342c
```
#77342c rgb(119,52,44)
```
#7d2f26
```
#7d2f26 rgb(125,47,38)
```
#842a1f
```
#842a1f rgb(132,42,31)
```
#8a2519
```
#8a2519 rgb(138,37,25)
```
#902013
```
#902013 rgb(144,32,19)
```
#961b0d
```
#961b0d rgb(150,27,13)
```
#9d1606
```
#9d1606 rgb(157,22,6)
```
#a31100
```
#a31100 rgb(163,17,0)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#50332f Atypical Achromatopsia 0.001% of the population

Dichromacy

#645a16 Protanopia 1% of men
#705500 Deuteranopia 1% of men
#a71c19 Tritanopia 0.001% of the population

Trichromacy

#7b3f0e Protanomaly 1% of men, 0.01% of women
#823c00 Deuteranomaly 6% of men, 0.4% of women
#a61810 Tritanomaly 0.01% of the population

#a31100 hex color

#a31100 Color Information

#a31100 Color Conversion

Color Schemes with #a31100

Alternatives to #a31100

#a31100 Preview

Shades and Tints of #a31100

Tones of #a31100

Color Blindness Simulator