#a31e64 hex color

In a RGB color space, hex #a31e64 is composed of 63.9% red, 11.8% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.6% magenta, 38.7% yellow and 36.1% black. It has a hue angle of 328.4 degrees, a saturation of 68.9% and a lightness of 37.8%. #a31e64 color hex could be obtained by blending #ff3cc8 with #470000. Closest websafe color is: #993366.

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

● #a31e64 color description : Dark pink.

The hexadecimal color #a31e64 has RGB values of R:163, G:30, B:100 and CMYK values of C:0, M:0.82, Y:0.39, K:0.36. Its decimal value is 10690148.

Hex triplet	a31e64	`#a31e64`
RGB Decimal	163, 30, 100	`rgb(163,30,100)`
RGB Percent	63.9, 11.8, 39.2	`rgb(63.9%,11.8%,39.2%)`
CMYK	0, 82, 39, 36
HSL	328.4°, 68.9, 37.8	`hsl(328.4,68.9%,37.8%)`
HSV (or HSB)	328.4°, 81.6, 63.9
Web Safe	993366	`#993366`

CIE-LAB	37.183, 57.198, -6.725
XYZ	17.869, 9.637, 12.975
xyY	0.441, 0.238, 9.637
CIE-LCH	37.183, 57.592, 353.295
CIE-LUV	37.183, 75.962, -18.164
Hunter-Lab	31.044, 48.422, -3.051
Binary	10100011, 00011110, 01100100

#a31e64
```
#a31e64 rgb(163,30,100)
```
#1ea35d
```
#1ea35d rgb(30,163,93)
```

Complementary Color

#a01ea3
```
#a01ea3 rgb(160,30,163)
```
#a31e64
```
#a31e64 rgb(163,30,100)
```
#a31e22
```
#a31e22 rgb(163,30,34)
```

Analogous Color

#1ea3a0
```
#1ea3a0 rgb(30,163,160)
```
#a31e64
```
#a31e64 rgb(163,30,100)
```
#22a31e
```
#22a31e rgb(34,163,30)
```

Split Complementary Color

#1e64a3
```
#1e64a3 rgb(30,100,163)
```
#a31e64
```
#a31e64 rgb(163,30,100)
```
#64a31e
```
#64a31e rgb(100,163,30)
```

Triadic Color

#5d1ea3
```
#5d1ea3 rgb(93,30,163)
```
#a31e64
```
#a31e64 rgb(163,30,100)
```
#64a31e
```
#64a31e rgb(100,163,30)
```
#1ea35d
```
#1ea35d rgb(30,163,93)
```

Tetradic Color

#62123c
```
#62123c rgb(98,18,60)
```
#78164a
```
#78164a rgb(120,22,74)
```
#8d1a57
```
#8d1a57 rgb(141,26,87)
```
#a31e64
```
#a31e64 rgb(163,30,100)
```
#b92271
```
#b92271 rgb(185,34,113)
```
#ce267e
```
#ce267e rgb(206,38,126)
```
#da348b
```
#da348b rgb(218,52,139)
```

Monochromatic Color

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

#a31e85
```
#a31e85 rgb(163,30,133)
```
#a31e7a
```
#a31e7a rgb(163,30,122)
```
#a31e6f
```
#a31e6f rgb(163,30,111)
```
#a31e64
```
#a31e64 rgb(163,30,100)
```
#a31e59
```
#a31e59 rgb(163,30,89)
```
#a31e4e
```
#a31e4e rgb(163,30,78)
```
#a31e43
```
#a31e43 rgb(163,30,67)
```

Similar Colors

Text with hexadecimal color #a31e64

This text has a font color of #a31e64.

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

#a31e64 background color

This paragraph has a background color of #a31e64.

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

#a31e64 border color

This element has a border color of #a31e64.

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

CSS codes

.text {color:#a31e64;}

.background {background-color:#a31e64;}

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

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

#0e0309
```
#0e0309 rgb(14,3,9)
```
#1e0613
```
#1e0613 rgb(30,6,19)
```
#2f091d
```
#2f091d rgb(47,9,29)
```
#400c27
```
#400c27 rgb(64,12,39)
```
#500f31
```
#500f31 rgb(80,15,49)
```
#61123b
```
#61123b rgb(97,18,59)
```
#711546
```
#711546 rgb(113,21,70)
```
#821850
```
#821850 rgb(130,24,80)
```
#921b5a
```
#921b5a rgb(146,27,90)
```
#a31e64
```
#a31e64 rgb(163,30,100)
```
#b4216e
```
#b4216e rgb(180,33,110)
```
#c42478
```
#c42478 rgb(196,36,120)
```
#d52782
```
#d52782 rgb(213,39,130)
```

Shade Color Variation

#da368c
```
#da368c rgb(218,54,140)
```
#dd4696
```
#dd4696 rgb(221,70,150)
```
#e0579f
```
#e0579f rgb(224,87,159)
```
#e367a8
```
#e367a8 rgb(227,103,168)
```
#e678b2
```
#e678b2 rgb(230,120,178)
```
#e988bb
```
#e988bb rgb(233,136,187)
```
#ec99c5
```
#ec99c5 rgb(236,153,197)
```
#efaace
```
#efaace rgb(239,170,206)
```
#f2bad8
```
#f2bad8 rgb(242,186,216)
```
#f5cbe1
```
#f5cbe1 rgb(245,203,225)
```
#f8dbeb
```
#f8dbeb rgb(248,219,235)
```
#fbecf4
```
#fbecf4 rgb(251,236,244)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#685961
```
#685961 rgb(104,89,97)
```
#6f5261
```
#6f5261 rgb(111,82,97)
```
#764b62
```
#764b62 rgb(118,75,98)
```
#7e4362
```
#7e4362 rgb(126,67,98)
```
#853c62
```
#853c62 rgb(133,60,98)
```
#8d3463
```
#8d3463 rgb(141,52,99)
```
#942d63
```
#942d63 rgb(148,45,99)
```
#9c2564
```
#9c2564 rgb(156,37,100)
```
#a31e64
```
#a31e64 rgb(163,30,100)
```
#aa1764
```
#aa1764 rgb(170,23,100)
```
#b20f65
```
#b20f65 rgb(178,15,101)
```
#b90865
```
#b90865 rgb(185,8,101)
```
#c10066
```
#c10066 rgb(193,0,102)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#5f4452 Atypical Achromatopsia 0.001% of the population

Dichromacy

#505e89 Protanopia 1% of men
#685d62 Deuteranopia 1% of men
#a4393c Tritanopia 0.001% of the population

Trichromacy

#6e477b Protanomaly 1% of men, 0.01% of women
#7d4662 Deuteranomaly 6% of men, 0.4% of women
#a32f4a Tritanomaly 0.01% of the population

#a31e64 hex color

#a31e64 Color Information

#a31e64 Color Conversion

Color Schemes with #a31e64

Alternatives to #a31e64

#a31e64 Preview

Shades and Tints of #a31e64

Tones of #a31e64

Color Blindness Simulator