#a31f39 hex color

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

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

● #a31f39 color description : Dark red.

The hexadecimal color #a31f39 has RGB values of R:163, G:31, B:57 and CMYK values of C:0, M:0.81, Y:0.65, K:0.36. Its decimal value is 10690361.

Hex triplet	a31f39	`#a31f39`
RGB Decimal	163, 31, 57	`rgb(163,31,57)`
RGB Percent	63.9, 12.2, 22.4	`rgb(63.9%,12.2%,22.4%)`
CMYK	0, 81, 65, 36
HSL	348.2°, 68, 38	`hsl(348.2,68%,38%)`
HSV (or HSB)	348.2°, 81, 63.9
Web Safe	993333	`#993333`

CIE-LAB	36.107, 53.383, 19.384
XYZ	16.333, 9.064, 4.76
xyY	0.542, 0.301, 9.064
CIE-LCH	36.107, 56.793, 19.956
CIE-LUV	36.107, 91.243, 10.041
Hunter-Lab	30.106, 44.155, 11.7
Binary	10100011, 00011111, 00111001

#a31f39
```
#a31f39 rgb(163,31,57)
```
#1fa389
```
#1fa389 rgb(31,163,137)
```

Complementary Color

#a31f7b
```
#a31f7b rgb(163,31,123)
```
#a31f39
```
#a31f39 rgb(163,31,57)
```
#a3471f
```
#a3471f rgb(163,71,31)
```

Analogous Color

#1f7ba3
```
#1f7ba3 rgb(31,123,163)
```
#a31f39
```
#a31f39 rgb(163,31,57)
```
#1fa347
```
#1fa347 rgb(31,163,71)
```

Split Complementary Color

#1f39a3
```
#1f39a3 rgb(31,57,163)
```
#a31f39
```
#a31f39 rgb(163,31,57)
```
#39a31f
```
#39a31f rgb(57,163,31)
```

Triadic Color

#891fa3
```
#891fa3 rgb(137,31,163)
```
#a31f39
```
#a31f39 rgb(163,31,57)
```
#39a31f
```
#39a31f rgb(57,163,31)
```
#1fa389
```
#1fa389 rgb(31,163,137)
```

Tetradic Color

#631323
```
#631323 rgb(99,19,35)
```
#78172a
```
#78172a rgb(120,23,42)
```
#8e1b32
```
#8e1b32 rgb(142,27,50)
```
#a31f39
```
#a31f39 rgb(163,31,57)
```
#b82340
```
#b82340 rgb(184,35,64)
```
#ce2748
```
#ce2748 rgb(206,39,72)
```
#d93656
```
#d93656 rgb(217,54,86)
```

Monochromatic Color

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

#a31f5a
```
#a31f5a rgb(163,31,90)
```
#a31f4f
```
#a31f4f rgb(163,31,79)
```
#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)
```

Similar Colors

Text with hexadecimal color #a31f39

This text has a font color of #a31f39.

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

#a31f39 background color

This paragraph has a background color of #a31f39.

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

#a31f39 border color

This element has a border color of #a31f39.

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

CSS codes

.text {color:#a31f39;}

.background {background-color:#a31f39;}

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

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 #fffdfd is the lightest one.

#0f0305
```
#0f0305 rgb(15,3,5)
```
#1f060b
```
#1f060b rgb(31,6,11)
```
#300911
```
#300911 rgb(48,9,17)
```
#400c16
```
#400c16 rgb(64,12,22)
```
#510f1c
```
#510f1c rgb(81,15,28)
```
#611222
```
#611222 rgb(97,18,34)
```
#721628
```
#721628 rgb(114,22,40)
```
#82192d
```
#82192d rgb(130,25,45)
```
#931c33
```
#931c33 rgb(147,28,51)
```
#a31f39
```
#a31f39 rgb(163,31,57)
```
#b3223f
```
#b3223f rgb(179,34,63)
```
#c42545
```
#c42545 rgb(196,37,69)
```
#d4284a
```
#d4284a rgb(212,40,74)
```

Shade Color Variation

#d93757
```
#d93757 rgb(217,55,87)
```
#dc4865
```
#dc4865 rgb(220,72,101)
```
#df5873
```
#df5873 rgb(223,88,115)
```
#e26981
```
#e26981 rgb(226,105,129)
```
#e6798f
```
#e6798f rgb(230,121,143)
```
#e98a9d
```
#e98a9d rgb(233,138,157)
```
#ec9aaa
```
#ec9aaa rgb(236,154,170)
```
#efabb8
```
#efabb8 rgb(239,171,184)
```
#f2bbc6
```
#f2bbc6 rgb(242,187,198)
```
#f5ccd4
```
#f5ccd4 rgb(245,204,212)
```
#f8dce2
```
#f8dce2 rgb(248,220,226)
```
#fcedf0
```
#fcedf0 rgb(252,237,240)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#675b5d
```
#675b5d rgb(103,91,93)
```
#6f5359
```
#6f5359 rgb(111,83,89)
```
#764c54
```
#764c54 rgb(118,76,84)
```
#7e4450
```
#7e4450 rgb(126,68,80)
```
#853d4b
```
#853d4b rgb(133,61,75)
```
#8d3547
```
#8d3547 rgb(141,53,71)
```
#942e42
```
#942e42 rgb(148,46,66)
```
#9c263e
```
#9c263e rgb(156,38,62)
```
#a31f39
```
#a31f39 rgb(163,31,57)
```
#aa1834
```
#aa1834 rgb(170,24,52)
```
#b21030
```
#b21030 rgb(178,16,48)
```
#b9092b
```
#b9092b rgb(185,9,43)
```
#c10127
```
#c10127 rgb(193,1,39)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#5b4146 Atypical Achromatopsia 0.001% of the population

Dichromacy

#615d56 Protanopia 1% of men
#70593a Deuteranopia 1% of men
#a72e30 Tritanopia 0.001% of the population

Trichromacy

#79464b Protanomaly 1% of men, 0.01% of women
#83443a Deuteranomaly 6% of men, 0.4% of women
#a52933 Tritanomaly 0.01% of the population

#a31f39 hex color

#a31f39 Color Information

#a31f39 Color Conversion

Color Schemes with #a31f39

Alternatives to #a31f39

#a31f39 Preview

Shades and Tints of #a31f39

Tones of #a31f39

Color Blindness Simulator