#a31f24 hex color

In a RGB color space, hex #a31f24 is composed of 63.9% red, 12.2% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81% magenta, 77.9% yellow and 36.1% black. It has a hue angle of 357.7 degrees, a saturation of 68% and a lightness of 38%. #a31f24 color hex could be obtained by blending #ff3e48 with #470000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 64
- G 12
- B 14
RGB color chart
- C 0
- M 81
- Y 78
- K 36
CMYK color chart

● #a31f24 color description : Dark red.

The hexadecimal color #a31f24 has RGB values of R:163, G:31, B:36 and CMYK values of C:0, M:0.81, Y:0.78, K:0.36. Its decimal value is 10690340.

Hex triplet	a31f24	`#a31f24`
RGB Decimal	163, 31, 36	`rgb(163,31,36)`
RGB Percent	63.9, 12.2, 14.1	`rgb(63.9%,12.2%,14.1%)`
CMYK	0, 81, 78, 36
HSL	357.7°, 68, 38	`hsl(357.7,68%,38%)`
HSV (or HSB)	357.7°, 81, 63.9
Web Safe	993333	`#993333`

CIE-LAB	35.783, 52.376, 32.074
XYZ	15.913, 8.896, 2.548
xyY	0.582, 0.325, 8.896
CIE-LCH	35.783, 61.416, 31.482
CIE-LUV	35.783, 96.576, 19.366
Hunter-Lab	29.826, 43.042, 15.813
Binary	10100011, 00011111, 00100100

#a31f24
```
#a31f24 rgb(163,31,36)
```
#1fa39e
```
#1fa39e rgb(31,163,158)
```

Complementary Color

#a31f66
```
#a31f66 rgb(163,31,102)
```
#a31f24
```
#a31f24 rgb(163,31,36)
```
#a35c1f
```
#a35c1f rgb(163,92,31)
```

Analogous Color

#1f66a3
```
#1f66a3 rgb(31,102,163)
```
#a31f24
```
#a31f24 rgb(163,31,36)
```
#1fa35c
```
#1fa35c rgb(31,163,92)
```

Split Complementary Color

#1f24a3
```
#1f24a3 rgb(31,36,163)
```
#a31f24
```
#a31f24 rgb(163,31,36)
```
#24a31f
```
#24a31f rgb(36,163,31)
```

Triadic Color

#9e1fa3
```
#9e1fa3 rgb(158,31,163)
```
#a31f24
```
#a31f24 rgb(163,31,36)
```
#24a31f
```
#24a31f rgb(36,163,31)
```
#1fa39e
```
#1fa39e rgb(31,163,158)
```

Tetradic Color

#631316
```
#631316 rgb(99,19,22)
```
#78171b
```
#78171b rgb(120,23,27)
```
#8e1b1f
```
#8e1b1f rgb(142,27,31)
```
#a31f24
```
#a31f24 rgb(163,31,36)
```
#b82329
```
#b82329 rgb(184,35,41)
```
#ce272d
```
#ce272d rgb(206,39,45)
```
#d9363c
```
#d9363c rgb(217,54,60)
```

Monochromatic Color

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

#a31f45
```
#a31f45 rgb(163,31,69)
```
#a31f3a
```
#a31f3a rgb(163,31,58)
```
#a31f2f
```
#a31f2f rgb(163,31,47)
```
#a31f24
```
#a31f24 rgb(163,31,36)
```
#a3251f
```
#a3251f rgb(163,37,31)
```
#a3301f
```
#a3301f rgb(163,48,31)
```
#a33b1f
```
#a33b1f rgb(163,59,31)
```

Similar Colors

Text with hexadecimal color #a31f24

This text has a font color of #a31f24.

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

#a31f24 background color

This paragraph has a background color of #a31f24.

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

#a31f24 border color

This element has a border color of #a31f24.

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

CSS codes

.text {color:#a31f24;}

.background {background-color:#a31f24;}

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

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

#0f0303
```
#0f0303 rgb(15,3,3)
```
#1f0607
```
#1f0607 rgb(31,6,7)
```
#30090b
```
#30090b rgb(48,9,11)
```
#400c0e
```
#400c0e rgb(64,12,14)
```
#510f12
```
#510f12 rgb(81,15,18)
```
#611215
```
#611215 rgb(97,18,21)
```
#721619
```
#721619 rgb(114,22,25)
```
#82191d
```
#82191d rgb(130,25,29)
```
#931c20
```
#931c20 rgb(147,28,32)
```
#a31f24
```
#a31f24 rgb(163,31,36)
```
#b32228
```
#b32228 rgb(179,34,40)
```
#c4252b
```
#c4252b rgb(196,37,43)
```
#d4282f
```
#d4282f rgb(212,40,47)
```

Shade Color Variation

#d9373e
```
#d9373e rgb(217,55,62)
```
#dc484e
```
#dc484e rgb(220,72,78)
```
#df585d
```
#df585d rgb(223,88,93)
```
#e2696d
```
#e2696d rgb(226,105,109)
```
#e6797d
```
#e6797d rgb(230,121,125)
```
#e98a8d
```
#e98a8d rgb(233,138,141)
```
#ec9a9d
```
#ec9a9d rgb(236,154,157)
```
#efabad
```
#efabad rgb(239,171,173)
```
#f2bbbd
```
#f2bbbd rgb(242,187,189)
```
#f5cccd
```
#f5cccd rgb(245,204,205)
```
#f8dcdd
```
#f8dcdd rgb(248,220,221)
```
#fceded
```
#fceded rgb(252,237,237)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#675b5b
```
#675b5b rgb(103,91,91)
```
#6f5354
```
#6f5354 rgb(111,83,84)
```
#764c4d
```
#764c4d rgb(118,76,77)
```
#7e4446
```
#7e4446 rgb(126,68,70)
```
#853d40
```
#853d40 rgb(133,61,64)
```
#8d3539
```
#8d3539 rgb(141,53,57)
```
#942e32
```
#942e32 rgb(148,46,50)
```
#9c262b
```
#9c262b rgb(156,38,43)
```
#a31f24
```
#a31f24 rgb(163,31,36)
```
#aa181d
```
#aa181d rgb(170,24,29)
```
#b21016
```
#b21016 rgb(178,16,22)
```
#b9090f
```
#b9090f rgb(185,9,15)
```
#c10108
```
#c10108 rgb(193,1,8)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#593f40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#645d3d Protanopia 1% of men
#725825 Deuteranopia 1% of men
#a72b2c Tritanopia 0.001% of the population

Trichromacy

#7b4634 Protanomaly 1% of men, 0.01% of women
#844324 Deuteranomaly 6% of men, 0.4% of women
#a52629 Tritanomaly 0.01% of the population

#a31f24 hex color

#a31f24 Color Information

#a31f24 Color Conversion

Color Schemes with #a31f24

Alternatives to #a31f24

#a31f24 Preview

Shades and Tints of #a31f24

Tones of #a31f24

Color Blindness Simulator