#a31f3d hex color

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

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

● #a31f3d color description : Dark red.

The hexadecimal color #a31f3d has RGB values of R:163, G:31, B:61 and CMYK values of C:0, M:0.81, Y:0.63, K:0.36. Its decimal value is 10690365.

Hex triplet	a31f3d	`#a31f3d`
RGB Decimal	163, 31, 61	`rgb(163,31,61)`
RGB Percent	63.9, 12.2, 23.9	`rgb(63.9%,12.2%,23.9%)`
CMYK	0, 81, 63, 36
HSL	346.4°, 68, 38	`hsl(346.4,68%,38%)`
HSV (or HSB)	346.4°, 81, 63.9
Web Safe	993333	`#993333`

CIE-LAB	36.186, 53.628, 16.922
XYZ	16.437, 9.105, 5.307
xyY	0.533, 0.295, 9.105
CIE-LCH	36.186, 56.235, 17.512
CIE-LUV	36.186, 90.016, 7.877
Hunter-Lab	30.175, 44.428, 10.696
Binary	10100011, 00011111, 00111101

#a31f3d
```
#a31f3d rgb(163,31,61)
```
#1fa385
```
#1fa385 rgb(31,163,133)
```

Complementary Color

#a31f7f
```
#a31f7f rgb(163,31,127)
```
#a31f3d
```
#a31f3d rgb(163,31,61)
```
#a3431f
```
#a3431f rgb(163,67,31)
```

Analogous Color

#1f7fa3
```
#1f7fa3 rgb(31,127,163)
```
#a31f3d
```
#a31f3d rgb(163,31,61)
```
#1fa343
```
#1fa343 rgb(31,163,67)
```

Split Complementary Color

#1f3da3
```
#1f3da3 rgb(31,61,163)
```
#a31f3d
```
#a31f3d rgb(163,31,61)
```
#3da31f
```
#3da31f rgb(61,163,31)
```

Triadic Color

#851fa3
```
#851fa3 rgb(133,31,163)
```
#a31f3d
```
#a31f3d rgb(163,31,61)
```
#3da31f
```
#3da31f rgb(61,163,31)
```
#1fa385
```
#1fa385 rgb(31,163,133)
```

Tetradic Color

#631325
```
#631325 rgb(99,19,37)
```
#78172d
```
#78172d rgb(120,23,45)
```
#8e1b35
```
#8e1b35 rgb(142,27,53)
```
#a31f3d
```
#a31f3d rgb(163,31,61)
```
#b82345
```
#b82345 rgb(184,35,69)
```
#ce274d
```
#ce274d rgb(206,39,77)
```
#d9365b
```
#d9365b rgb(217,54,91)
```

Monochromatic Color

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

#a31f5e
```
#a31f5e rgb(163,31,94)
```
#a31f53
```
#a31f53 rgb(163,31,83)
```
#a31f48
```
#a31f48 rgb(163,31,72)
```
#a31f3d
```
#a31f3d rgb(163,31,61)
```
#a31f32
```
#a31f32 rgb(163,31,50)
```
#a31f27
```
#a31f27 rgb(163,31,39)
```
#a3221f
```
#a3221f rgb(163,34,31)
```

Similar Colors

Text with hexadecimal color #a31f3d

This text has a font color of #a31f3d.

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

#a31f3d background color

This paragraph has a background color of #a31f3d.

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

#a31f3d border color

This element has a border color of #a31f3d.

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

CSS codes

.text {color:#a31f3d;}

.background {background-color:#a31f3d;}

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

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

#0f0305
```
#0f0305 rgb(15,3,5)
```
#1f060c
```
#1f060c rgb(31,6,12)
```
#300912
```
#300912 rgb(48,9,18)
```
#400c18
```
#400c18 rgb(64,12,24)
```
#510f1e
```
#510f1e rgb(81,15,30)
```
#611224
```
#611224 rgb(97,18,36)
```
#72162a
```
#72162a rgb(114,22,42)
```
#821931
```
#821931 rgb(130,25,49)
```
#931c37
```
#931c37 rgb(147,28,55)
```
#a31f3d
```
#a31f3d rgb(163,31,61)
```
#b32243
```
#b32243 rgb(179,34,67)
```
#c42549
```
#c42549 rgb(196,37,73)
```
#d42850
```
#d42850 rgb(212,40,80)
```

Shade Color Variation

#d9375c
```
#d9375c rgb(217,55,92)
```
#dc486a
```
#dc486a rgb(220,72,106)
```
#df5877
```
#df5877 rgb(223,88,119)
```
#e26984
```
#e26984 rgb(226,105,132)
```
#e67992
```
#e67992 rgb(230,121,146)
```
#e98a9f
```
#e98a9f rgb(233,138,159)
```
#ec9aad
```
#ec9aad rgb(236,154,173)
```
#efabba
```
#efabba rgb(239,171,186)
```
#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 #c1012d is the most saturated one.

#675b5e
```
#675b5e rgb(103,91,94)
```
#6f5359
```
#6f5359 rgb(111,83,89)
```
#764c55
```
#764c55 rgb(118,76,85)
```
#7e4451
```
#7e4451 rgb(126,68,81)
```
#853d4d
```
#853d4d rgb(133,61,77)
```
#8d3549
```
#8d3549 rgb(141,53,73)
```
#942e45
```
#942e45 rgb(148,46,69)
```
#9c2641
```
#9c2641 rgb(156,38,65)
```
#a31f3d
```
#a31f3d rgb(163,31,61)
```
#aa1839
```
#aa1839 rgb(170,24,57)
```
#b21035
```
#b21035 rgb(178,16,53)
```
#b90931
```
#b90931 rgb(185,9,49)
```
#c1012d
```
#c1012d rgb(193,1,45)
```

Tone Color Variation

Below, you can see how #a31f3d 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
#5c4147 Atypical Achromatopsia 0.001% of the population

Dichromacy

#605d5a Protanopia 1% of men
#705a3e Deuteranopia 1% of men
#a62f31 Tritanopia 0.001% of the population

Trichromacy

#784650 Protanomaly 1% of men, 0.01% of women
#82443e Deuteranomaly 6% of men, 0.4% of women
#a52935 Tritanomaly 0.01% of the population

#a31f3d hex color

#a31f3d Color Information

#a31f3d Color Conversion

Color Schemes with #a31f3d

Alternatives to #a31f3d

#a31f3d Preview

Shades and Tints of #a31f3d

Tones of #a31f3d

Color Blindness Simulator