#a31f28 hex color

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

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

● #a31f28 color description : Dark red.

The hexadecimal color #a31f28 has RGB values of R:163, G:31, B:40 and CMYK values of C:0, M:0.81, Y:0.75, K:0.36. Its decimal value is 10690344.

Hex triplet	a31f28	`#a31f28`
RGB Decimal	163, 31, 40	`rgb(163,31,40)`
RGB Percent	63.9, 12.2, 15.7	`rgb(63.9%,12.2%,15.7%)`
CMYK	0, 81, 75, 36
HSL	355.9°, 68, 38	`hsl(355.9,68%,38%)`
HSV (or HSB)	355.9°, 81, 63.9
Web Safe	993333	`#993333`

CIE-LAB	35.833, 52.532, 29.721
XYZ	15.978, 8.922, 2.888
xyY	0.575, 0.321, 8.922
CIE-LCH	35.833, 60.357, 29.5
CIE-LUV	35.833, 95.716, 17.87
Hunter-Lab	29.869, 43.215, 15.176
Binary	10100011, 00011111, 00101000

#a31f28
```
#a31f28 rgb(163,31,40)
```
#1fa39a
```
#1fa39a rgb(31,163,154)
```

Complementary Color

#a31f6a
```
#a31f6a rgb(163,31,106)
```
#a31f28
```
#a31f28 rgb(163,31,40)
```
#a3581f
```
#a3581f rgb(163,88,31)
```

Analogous Color

#1f6aa3
```
#1f6aa3 rgb(31,106,163)
```
#a31f28
```
#a31f28 rgb(163,31,40)
```
#1fa358
```
#1fa358 rgb(31,163,88)
```

Split Complementary Color

#1f28a3
```
#1f28a3 rgb(31,40,163)
```
#a31f28
```
#a31f28 rgb(163,31,40)
```
#28a31f
```
#28a31f rgb(40,163,31)
```

Triadic Color

#9a1fa3
```
#9a1fa3 rgb(154,31,163)
```
#a31f28
```
#a31f28 rgb(163,31,40)
```
#28a31f
```
#28a31f rgb(40,163,31)
```
#1fa39a
```
#1fa39a rgb(31,163,154)
```

Tetradic Color

#631318
```
#631318 rgb(99,19,24)
```
#78171d
```
#78171d rgb(120,23,29)
```
#8e1b23
```
#8e1b23 rgb(142,27,35)
```
#a31f28
```
#a31f28 rgb(163,31,40)
```
#b8232d
```
#b8232d rgb(184,35,45)
```
#ce2733
```
#ce2733 rgb(206,39,51)
```
#d93641
```
#d93641 rgb(217,54,65)
```

Monochromatic Color

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

#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)
```
#a32c1f
```
#a32c1f rgb(163,44,31)
```
#a3371f
```
#a3371f rgb(163,55,31)
```

Similar Colors

Text with hexadecimal color #a31f28

This text has a font color of #a31f28.

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

#a31f28 background color

This paragraph has a background color of #a31f28.

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

#a31f28 border color

This element has a border color of #a31f28.

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

CSS codes

.text {color:#a31f28;}

.background {background-color:#a31f28;}

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

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

#0f0304
```
#0f0304 rgb(15,3,4)
```
#1f0608
```
#1f0608 rgb(31,6,8)
```
#30090c
```
#30090c rgb(48,9,12)
```
#400c10
```
#400c10 rgb(64,12,16)
```
#510f14
```
#510f14 rgb(81,15,20)
```
#611218
```
#611218 rgb(97,18,24)
```
#72161c
```
#72161c rgb(114,22,28)
```
#821920
```
#821920 rgb(130,25,32)
```
#931c24
```
#931c24 rgb(147,28,36)
```
#a31f28
```
#a31f28 rgb(163,31,40)
```
#b3222c
```
#b3222c rgb(179,34,44)
```
#c42530
```
#c42530 rgb(196,37,48)
```
#d42834
```
#d42834 rgb(212,40,52)
```

Shade Color Variation

#d93742
```
#d93742 rgb(217,55,66)
```
#dc4852
```
#dc4852 rgb(220,72,82)
```
#df5862
```
#df5862 rgb(223,88,98)
```
#e26971
```
#e26971 rgb(226,105,113)
```
#e67981
```
#e67981 rgb(230,121,129)
```
#e98a90
```
#e98a90 rgb(233,138,144)
```
#ec9aa0
```
#ec9aa0 rgb(236,154,160)
```
#efabaf
```
#efabaf rgb(239,171,175)
```
#f2bbbf
```
#f2bbbf rgb(242,187,191)
```
#f5cccf
```
#f5cccf rgb(245,204,207)
```
#f8dcde
```
#f8dcde rgb(248,220,222)
```
#fcedee
```
#fcedee rgb(252,237,238)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#675b5c
```
#675b5c rgb(103,91,92)
```
#6f5355
```
#6f5355 rgb(111,83,85)
```
#764c4f
```
#764c4f rgb(118,76,79)
```
#7e4448
```
#7e4448 rgb(126,68,72)
```
#853d42
```
#853d42 rgb(133,61,66)
```
#8d353b
```
#8d353b rgb(141,53,59)
```
#942e35
```
#942e35 rgb(148,46,53)
```
#9c262e
```
#9c262e rgb(156,38,46)
```
#a31f28
```
#a31f28 rgb(163,31,40)
```
#aa1822
```
#aa1822 rgb(170,24,34)
```
#b2101b
```
#b2101b rgb(178,16,27)
```
#b90915
```
#b90915 rgb(185,9,21)
```
#c1010e
```
#c1010e rgb(193,1,14)
```

Tone Color Variation

Below, you can see how #a31f28 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
#593f41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#645d42 Protanopia 1% of men
#725829 Deuteranopia 1% of men
#a72b2c Tritanopia 0.001% of the population

Trichromacy

#7b4638 Protanomaly 1% of men, 0.01% of women
#844329 Deuteranomaly 6% of men, 0.4% of women
#a5272b Tritanomaly 0.01% of the population

#a31f28 hex color

#a31f28 Color Information

#a31f28 Color Conversion

Color Schemes with #a31f28

Alternatives to #a31f28

#a31f28 Preview

Shades and Tints of #a31f28

Tones of #a31f28

Color Blindness Simulator