#a31f3e hex color

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

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

● #a31f3e color description : Dark red.

The hexadecimal color #a31f3e has RGB values of R:163, G:31, B:62 and CMYK values of C:0, M:0.81, Y:0.62, K:0.36. Its decimal value is 10690366.

Hex triplet	a31f3e	`#a31f3e`
RGB Decimal	163, 31, 62	`rgb(163,31,62)`
RGB Percent	63.9, 12.2, 24.3	`rgb(63.9%,12.2%,24.3%)`
CMYK	0, 81, 62, 36
HSL	345.9°, 68, 38	`hsl(345.9,68%,38%)`
HSV (or HSB)	345.9°, 81, 63.9
Web Safe	993333	`#993333`

CIE-LAB	36.207, 53.692, 16.306
XYZ	16.464, 9.116, 5.45
xyY	0.531, 0.294, 9.116
CIE-LCH	36.207, 56.114, 16.893
CIE-LUV	36.207, 89.7, 7.318
Hunter-Lab	30.193, 44.499, 10.433
Binary	10100011, 00011111, 00111110

#a31f3e
```
#a31f3e rgb(163,31,62)
```
#1fa384
```
#1fa384 rgb(31,163,132)
```

Complementary Color

#a31f80
```
#a31f80 rgb(163,31,128)
```
#a31f3e
```
#a31f3e rgb(163,31,62)
```
#a3421f
```
#a3421f rgb(163,66,31)
```

Analogous Color

#1f80a3
```
#1f80a3 rgb(31,128,163)
```
#a31f3e
```
#a31f3e rgb(163,31,62)
```
#1fa342
```
#1fa342 rgb(31,163,66)
```

Split Complementary Color

#1f3ea3
```
#1f3ea3 rgb(31,62,163)
```
#a31f3e
```
#a31f3e rgb(163,31,62)
```
#3ea31f
```
#3ea31f rgb(62,163,31)
```

Triadic Color

#841fa3
```
#841fa3 rgb(132,31,163)
```
#a31f3e
```
#a31f3e rgb(163,31,62)
```
#3ea31f
```
#3ea31f rgb(62,163,31)
```
#1fa384
```
#1fa384 rgb(31,163,132)
```

Tetradic Color

#631326
```
#631326 rgb(99,19,38)
```
#78172e
```
#78172e rgb(120,23,46)
```
#8e1b36
```
#8e1b36 rgb(142,27,54)
```
#a31f3e
```
#a31f3e rgb(163,31,62)
```
#b82346
```
#b82346 rgb(184,35,70)
```
#ce274e
```
#ce274e rgb(206,39,78)
```
#d9365c
```
#d9365c rgb(217,54,92)
```

Monochromatic Color

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

#a31f5f
```
#a31f5f rgb(163,31,95)
```
#a31f54
```
#a31f54 rgb(163,31,84)
```
#a31f49
```
#a31f49 rgb(163,31,73)
```
#a31f3e
```
#a31f3e rgb(163,31,62)
```
#a31f33
```
#a31f33 rgb(163,31,51)
```
#a31f28
```
#a31f28 rgb(163,31,40)
```
#a3211f
```
#a3211f rgb(163,33,31)
```

Similar Colors

Text with hexadecimal color #a31f3e

This text has a font color of #a31f3e.

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

#a31f3e background color

This paragraph has a background color of #a31f3e.

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

#a31f3e border color

This element has a border color of #a31f3e.

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

CSS codes

.text {color:#a31f3e;}

.background {background-color:#a31f3e;}

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

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

#0f0306
```
#0f0306 rgb(15,3,6)
```
#1f060c
```
#1f060c rgb(31,6,12)
```
#300912
```
#300912 rgb(48,9,18)
```
#400c18
```
#400c18 rgb(64,12,24)
```
#510f1f
```
#510f1f rgb(81,15,31)
```
#611225
```
#611225 rgb(97,18,37)
```
#72162b
```
#72162b rgb(114,22,43)
```
#821931
```
#821931 rgb(130,25,49)
```
#931c38
```
#931c38 rgb(147,28,56)
```
#a31f3e
```
#a31f3e rgb(163,31,62)
```
#b32244
```
#b32244 rgb(179,34,68)
```
#c4254b
```
#c4254b rgb(196,37,75)
```
#d42851
```
#d42851 rgb(212,40,81)
```

Shade Color Variation

#d9375d
```
#d9375d rgb(217,55,93)
```
#dc486b
```
#dc486b rgb(220,72,107)
```
#df5878
```
#df5878 rgb(223,88,120)
```
#e26985
```
#e26985 rgb(226,105,133)
```
#e67993
```
#e67993 rgb(230,121,147)
```
#e98aa0
```
#e98aa0 rgb(233,138,160)
```
#ec9aad
```
#ec9aad rgb(236,154,173)
```
#efabbb
```
#efabbb rgb(239,171,187)
```
#f2bbc8
```
#f2bbc8 rgb(242,187,200)
```
#f5ccd5
```
#f5ccd5 rgb(245,204,213)
```
#f8dce3
```
#f8dce3 rgb(248,220,227)
```
#fcedf0
```
#fcedf0 rgb(252,237,240)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#675b5e
```
#675b5e rgb(103,91,94)
```
#6f535a
```
#6f535a rgb(111,83,90)
```
#764c56
```
#764c56 rgb(118,76,86)
```
#7e4452
```
#7e4452 rgb(126,68,82)
```
#853d4e
```
#853d4e rgb(133,61,78)
```
#8d354a
```
#8d354a rgb(141,53,74)
```
#942e46
```
#942e46 rgb(148,46,70)
```
#9c2642
```
#9c2642 rgb(156,38,66)
```
#a31f3e
```
#a31f3e rgb(163,31,62)
```
#aa183a
```
#aa183a rgb(170,24,58)
```
#b21036
```
#b21036 rgb(178,16,54)
```
#b90932
```
#b90932 rgb(185,9,50)
```
#c1012e
```
#c1012e rgb(193,1,46)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#5c4148 Atypical Achromatopsia 0.001% of the population

Dichromacy

#605d5c Protanopia 1% of men
#705a3f Deuteranopia 1% of men
#a62f31 Tritanopia 0.001% of the population

Trichromacy

#784651 Protanomaly 1% of men, 0.01% of women
#82443f Deuteranomaly 6% of men, 0.4% of women
#a52936 Tritanomaly 0.01% of the population

#a31f3e hex color

#a31f3e Color Information

#a31f3e Color Conversion

Color Schemes with #a31f3e

Alternatives to #a31f3e

#a31f3e Preview

Shades and Tints of #a31f3e

Tones of #a31f3e

Color Blindness Simulator