#a31f23 hex color

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

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

● #a31f23 color description : Dark red.

The hexadecimal color #a31f23 has RGB values of R:163, G:31, B:35 and CMYK values of C:0, M:0.81, Y:0.79, K:0.36. Its decimal value is 10690339.

Hex triplet	a31f23	`#a31f23`
RGB Decimal	163, 31, 35	`rgb(163,31,35)`
RGB Percent	63.9, 12.2, 13.7	`rgb(63.9%,12.2%,13.7%)`
CMYK	0, 81, 79, 36
HSL	358.2°, 68, 38	`hsl(358.2,68%,38%)`
HSV (or HSB)	358.2°, 81, 63.9
Web Safe	993333	`#993333`

CIE-LAB	35.771, 52.34, 32.653
XYZ	15.898, 8.89, 2.469
xyY	0.583, 0.326, 8.89
CIE-LCH	35.771, 61.69, 31.959
CIE-LUV	35.771, 96.779, 19.718
Hunter-Lab	29.816, 43.002, 15.962
Binary	10100011, 00011111, 00100011

#a31f23
```
#a31f23 rgb(163,31,35)
```
#1fa39f
```
#1fa39f rgb(31,163,159)
```

Complementary Color

#a31f65
```
#a31f65 rgb(163,31,101)
```
#a31f23
```
#a31f23 rgb(163,31,35)
```
#a35d1f
```
#a35d1f rgb(163,93,31)
```

Analogous Color

#1f65a3
```
#1f65a3 rgb(31,101,163)
```
#a31f23
```
#a31f23 rgb(163,31,35)
```
#1fa35d
```
#1fa35d rgb(31,163,93)
```

Split Complementary Color

#1f23a3
```
#1f23a3 rgb(31,35,163)
```
#a31f23
```
#a31f23 rgb(163,31,35)
```
#23a31f
```
#23a31f rgb(35,163,31)
```

Triadic Color

#9f1fa3
```
#9f1fa3 rgb(159,31,163)
```
#a31f23
```
#a31f23 rgb(163,31,35)
```
#23a31f
```
#23a31f rgb(35,163,31)
```
#1fa39f
```
#1fa39f rgb(31,163,159)
```

Tetradic Color

#631315
```
#631315 rgb(99,19,21)
```
#78171a
```
#78171a rgb(120,23,26)
```
#8e1b1e
```
#8e1b1e rgb(142,27,30)
```
#a31f23
```
#a31f23 rgb(163,31,35)
```
#b82328
```
#b82328 rgb(184,35,40)
```
#ce272c
```
#ce272c rgb(206,39,44)
```
#d9363b
```
#d9363b rgb(217,54,59)
```

Monochromatic Color

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

#a31f44
```
#a31f44 rgb(163,31,68)
```
#a31f39
```
#a31f39 rgb(163,31,57)
```
#a31f2e
```
#a31f2e rgb(163,31,46)
```
#a31f23
```
#a31f23 rgb(163,31,35)
```
#a3261f
```
#a3261f rgb(163,38,31)
```
#a3311f
```
#a3311f rgb(163,49,31)
```
#a33c1f
```
#a33c1f rgb(163,60,31)
```

Similar Colors

Text with hexadecimal color #a31f23

This text has a font color of #a31f23.

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

#a31f23 background color

This paragraph has a background color of #a31f23.

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

#a31f23 border color

This element has a border color of #a31f23.

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

CSS codes

.text {color:#a31f23;}

.background {background-color:#a31f23;}

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

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)
```
#30090a
```
#30090a rgb(48,9,10)
```
#400c0e
```
#400c0e rgb(64,12,14)
```
#510f11
```
#510f11 rgb(81,15,17)
```
#611215
```
#611215 rgb(97,18,21)
```
#721618
```
#721618 rgb(114,22,24)
```
#82191c
```
#82191c rgb(130,25,28)
```
#931c1f
```
#931c1f rgb(147,28,31)
```
#a31f23
```
#a31f23 rgb(163,31,35)
```
#b32227
```
#b32227 rgb(179,34,39)
```
#c4252a
```
#c4252a rgb(196,37,42)
```
#d4282e
```
#d4282e rgb(212,40,46)
```

Shade Color Variation

#d9373c
```
#d9373c rgb(217,55,60)
```
#dc484c
```
#dc484c rgb(220,72,76)
```
#df585c
```
#df585c rgb(223,88,92)
```
#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 #c10107 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)
```
#853d3f
```
#853d3f rgb(133,61,63)
```
#8d3538
```
#8d3538 rgb(141,53,56)
```
#942e31
```
#942e31 rgb(148,46,49)
```
#9c262a
```
#9c262a rgb(156,38,42)
```
#a31f23
```
#a31f23 rgb(163,31,35)
```
#aa181c
```
#aa181c rgb(170,24,28)
```
#b21015
```
#b21015 rgb(178,16,21)
```
#b9090e
```
#b9090e rgb(185,9,14)
```
#c10107
```
#c10107 rgb(193,1,7)
```

Tone Color Variation

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

#655d3c Protanopia 1% of men
#735824 Deuteranopia 1% of men
#a72b2b Tritanopia 0.001% of the population

Trichromacy

#7b4633 Protanomaly 1% of men, 0.01% of women
#844323 Deuteranomaly 6% of men, 0.4% of women
#a62628 Tritanomaly 0.01% of the population

#a31f23 hex color

#a31f23 Color Information

#a31f23 Color Conversion

Color Schemes with #a31f23

Alternatives to #a31f23

#a31f23 Preview

Shades and Tints of #a31f23

Tones of #a31f23

Color Blindness Simulator