#a31638 hex color

In a RGB color space, hex #a31638 is composed of 63.9% red, 8.6% green and 22% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.5% magenta, 65.6% yellow and 36.1% black. It has a hue angle of 345.5 degrees, a saturation of 76.2% and a lightness of 36.3%. #a31638 color hex could be obtained by blending #ff2c70 with #470000. Closest websafe color is: #990033.

♥
- f
- t
- g
- R 64
- G 9
- B 22
RGB color chart
- C 0
- M 87
- Y 66
- K 36
CMYK color chart

● #a31638 color description : Dark red.

The hexadecimal color #a31638 has RGB values of R:163, G:22, B:56 and CMYK values of C:0, M:0.87, Y:0.66, K:0.36. Its decimal value is 10688056.

Hex triplet	a31638	`#a31638`
RGB Decimal	163, 22, 56	`rgb(163,22,56)`
RGB Percent	63.9, 8.6, 22	`rgb(63.9%,8.6%,22%)`
CMYK	0, 87, 66, 36
HSL	345.5°, 76.2, 36.3	`hsl(345.5,76.2%,36.3%)`
HSV (or HSB)	345.5°, 86.5, 63.9
Web Safe	990033	`#990033`

CIE-LAB	35.297, 55.575, 18.977
XYZ	16.106, 8.648, 4.562
xyY	0.549, 0.295, 8.648
CIE-LCH	35.297, 58.726, 18.854
CIE-LUV	35.297, 94.544, 8.993
Hunter-Lab	29.407, 46.298, 11.387
Binary	10100011, 00010110, 00111000

#a31638
```
#a31638 rgb(163,22,56)
```
#16a381
```
#16a381 rgb(22,163,129)
```

Complementary Color

#a3167f
```
#a3167f rgb(163,22,127)
```
#a31638
```
#a31638 rgb(163,22,56)
```
#a33b16
```
#a33b16 rgb(163,59,22)
```

Analogous Color

#167fa3
```
#167fa3 rgb(22,127,163)
```
#a31638
```
#a31638 rgb(163,22,56)
```
#16a33b
```
#16a33b rgb(22,163,59)
```

Split Complementary Color

#1638a3
```
#1638a3 rgb(22,56,163)
```
#a31638
```
#a31638 rgb(163,22,56)
```
#38a316
```
#38a316 rgb(56,163,22)
```

Triadic Color

#8116a3
```
#8116a3 rgb(129,22,163)
```
#a31638
```
#a31638 rgb(163,22,56)
```
#38a316
```
#38a316 rgb(56,163,22)
```
#16a381
```
#16a381 rgb(22,163,129)
```

Tetradic Color

#600d21
```
#600d21 rgb(96,13,33)
```
#761029
```
#761029 rgb(118,16,41)
```
#8d1330
```
#8d1330 rgb(141,19,48)
```
#a31638
```
#a31638 rgb(163,22,56)
```
#b91940
```
#b91940 rgb(185,25,64)
```
#d01c47
```
#d01c47 rgb(208,28,71)
```
#e12452
```
#e12452 rgb(225,36,82)
```

Monochromatic Color

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

#a3165b
```
#a3165b rgb(163,22,91)
```
#a31650
```
#a31650 rgb(163,22,80)
```
#a31644
```
#a31644 rgb(163,22,68)
```
#a31638
```
#a31638 rgb(163,22,56)
```
#a3162c
```
#a3162c rgb(163,22,44)
```
#a31621
```
#a31621 rgb(163,22,33)
```
#a31716
```
#a31716 rgb(163,23,22)
```

Similar Colors

Text with hexadecimal color #a31638

This text has a font color of #a31638.

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

#a31638 background color

This paragraph has a background color of #a31638.

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

#a31638 border color

This element has a border color of #a31638.

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

CSS codes

.text {color:#a31638;}

.background {background-color:#a31638;}

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

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, #070103 is the darkest color, while #fef5f7 is the lightest one.

#070103
```
#070103 rgb(7,1,3)
```
#190308
```
#190308 rgb(25,3,8)
```
#2a060e
```
#2a060e rgb(42,6,14)
```
#3b0814
```
#3b0814 rgb(59,8,20)
```
#4d0a1a
```
#4d0a1a rgb(77,10,26)
```
#5e0d20
```
#5e0d20 rgb(94,13,32)
```
#6f0f26
```
#6f0f26 rgb(111,15,38)
```
#80112c
```
#80112c rgb(128,17,44)
```
#921432
```
#921432 rgb(146,20,50)
```
#a31638
```
#a31638 rgb(163,22,56)
```
#b4183e
```
#b4183e rgb(180,24,62)
```
#c61b44
```
#c61b44 rgb(198,27,68)
```
#d71d4a
```
#d71d4a rgb(215,29,74)
```

Shade Color Variation

#e22653
```
#e22653 rgb(226,38,83)
```
#e43761
```
#e43761 rgb(228,55,97)
```
#e6486e
```
#e6486e rgb(230,72,110)
```
#e95a7c
```
#e95a7c rgb(233,90,124)
```
#eb6b8a
```
#eb6b8a rgb(235,107,138)
```
#ed7c97
```
#ed7c97 rgb(237,124,151)
```
#f08da5
```
#f08da5 rgb(240,141,165)
```
#f29fb3
```
#f29fb3 rgb(242,159,179)
```
#f4b0c1
```
#f4b0c1 rgb(244,176,193)
```
#f7c1ce
```
#f7c1ce rgb(247,193,206)
```
#f9d3dc
```
#f9d3dc rgb(249,211,220)
```
#fbe4ea
```
#fbe4ea rgb(251,228,234)
```
#fef5f7
```
#fef5f7 rgb(254,245,247)
```

Tint Color Variation

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

#635659
```
#635659 rgb(99,86,89)
```
#6a4f55
```
#6a4f55 rgb(106,79,85)
```
#714852
```
#714852 rgb(113,72,82)
```
#78414e
```
#78414e rgb(120,65,78)
```
#7f3a4a
```
#7f3a4a rgb(127,58,74)
```
#873247
```
#873247 rgb(135,50,71)
```
#8e2b43
```
#8e2b43 rgb(142,43,67)
```
#95243f
```
#95243f rgb(149,36,63)
```
#9c1d3c
```
#9c1d3c rgb(156,29,60)
```
#a31638
```
#a31638 rgb(163,22,56)
```
#aa0f34
```
#aa0f34 rgb(170,15,52)
```
#b10831
```
#b10831 rgb(177,8,49)
```
#b8012d
```
#b8012d rgb(184,1,45)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#573b42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e5b56 Protanopia 1% of men
#6e5839 Deuteranopia 1% of men
#a62829 Tritanopia 0.001% of the population

Trichromacy

#77424b Protanomaly 1% of men, 0.01% of women
#814038 Deuteranomaly 6% of men, 0.4% of women
#a5212e Tritanomaly 0.01% of the population

#a31638 hex color

#a31638 Color Information

#a31638 Color Conversion

Color Schemes with #a31638

Alternatives to #a31638

#a31638 Preview

Shades and Tints of #a31638

Tones of #a31638

Color Blindness Simulator