#a31684 hex color

In a RGB color space, hex #a31684 is composed of 63.9% red, 8.6% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.5% magenta, 19% yellow and 36.1% black. It has a hue angle of 313.2 degrees, a saturation of 76.2% and a lightness of 36.3%. #a31684 color hex could be obtained by blending #ff2cff with #470009. Closest websafe color is: #990099.

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

● #a31684 color description : Dark magenta.

The hexadecimal color #a31684 has RGB values of R:163, G:22, B:132 and CMYK values of C:0, M:0.87, Y:0.19, K:0.36. Its decimal value is 10688132.

Hex triplet	a31684	`#a31684`
RGB Decimal	163, 22, 132	`rgb(163,22,132)`
RGB Percent	63.9, 8.6, 51.8	`rgb(63.9%,8.6%,51.8%)`
CMYK	0, 87, 19, 36
HSL	313.2°, 76.2, 36.3	`hsl(313.2,76.2%,36.3%)`
HSV (or HSB)	313.2°, 86.5, 63.9
Web Safe	990099	`#990099`

CIE-LAB	37.893, 62.883, -25.732
XYZ	19.556, 10.028, 22.734
xyY	0.374, 0.192, 10.028
CIE-LCH	37.893, 67.944, 337.745
CIE-LUV	37.893, 64.328, -44.044
Hunter-Lab	31.667, 54.816, -20.398
Binary	10100011, 00010110, 10000100

#a31684
```
#a31684 rgb(163,22,132)
```
#16a335
```
#16a335 rgb(22,163,53)
```

Complementary Color

#7c16a3
```
#7c16a3 rgb(124,22,163)
```
#a31684
```
#a31684 rgb(163,22,132)
```
#a3163e
```
#a3163e rgb(163,22,62)
```

Analogous Color

#16a37c
```
#16a37c rgb(22,163,124)
```
#a31684
```
#a31684 rgb(163,22,132)
```
#3ea316
```
#3ea316 rgb(62,163,22)
```

Split Complementary Color

#1684a3
```
#1684a3 rgb(22,132,163)
```
#a31684
```
#a31684 rgb(163,22,132)
```
#84a316
```
#84a316 rgb(132,163,22)
```

Triadic Color

#3516a3
```
#3516a3 rgb(53,22,163)
```
#a31684
```
#a31684 rgb(163,22,132)
```
#84a316
```
#84a316 rgb(132,163,22)
```
#16a335
```
#16a335 rgb(22,163,53)
```

Tetradic Color

#600d4d
```
#600d4d rgb(96,13,77)
```
#761060
```
#761060 rgb(118,16,96)
```
#8d1372
```
#8d1372 rgb(141,19,114)
```
#a31684
```
#a31684 rgb(163,22,132)
```
#b91996
```
#b91996 rgb(185,25,150)
```
#d01ca8
```
#d01ca8 rgb(208,28,168)
```
#e124b8
```
#e124b8 rgb(225,36,184)
```

Monochromatic Color

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

#9f16a3
```
#9f16a3 rgb(159,22,163)
```
#a3169c
```
#a3169c rgb(163,22,156)
```
#a31690
```
#a31690 rgb(163,22,144)
```
#a31684
```
#a31684 rgb(163,22,132)
```
#a31678
```
#a31678 rgb(163,22,120)
```
#a3166d
```
#a3166d rgb(163,22,109)
```
#a31661
```
#a31661 rgb(163,22,97)
```

Similar Colors

Text with hexadecimal color #a31684

This text has a font color of #a31684.

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

#a31684 background color

This paragraph has a background color of #a31684.

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

#a31684 border color

This element has a border color of #a31684.

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

CSS codes

.text {color:#a31684;}

.background {background-color:#a31684;}

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

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

#070106
```
#070106 rgb(7,1,6)
```
#190314
```
#190314 rgb(25,3,20)
```
#2a0622
```
#2a0622 rgb(42,6,34)
```
#3b0830
```
#3b0830 rgb(59,8,48)
```
#4d0a3e
```
#4d0a3e rgb(77,10,62)
```
#5e0d4c
```
#5e0d4c rgb(94,13,76)
```
#6f0f5a
```
#6f0f5a rgb(111,15,90)
```
#801168
```
#801168 rgb(128,17,104)
```
#921476
```
#921476 rgb(146,20,118)
```
#a31684
```
#a31684 rgb(163,22,132)
```
#b41892
```
#b41892 rgb(180,24,146)
```
#c61ba0
```
#c61ba0 rgb(198,27,160)
```
#d71dae
```
#d71dae rgb(215,29,174)
```

Shade Color Variation

#e226b8
```
#e226b8 rgb(226,38,184)
```
#e437be
```
#e437be rgb(228,55,190)
```
#e648c4
```
#e648c4 rgb(230,72,196)
```
#e95ac9
```
#e95ac9 rgb(233,90,201)
```
#eb6bcf
```
#eb6bcf rgb(235,107,207)
```
#ed7cd4
```
#ed7cd4 rgb(237,124,212)
```
#f08dda
```
#f08dda rgb(240,141,218)
```
#f29fe0
```
#f29fe0 rgb(242,159,224)
```
#f4b0e5
```
#f4b0e5 rgb(244,176,229)
```
#f7c1eb
```
#f7c1eb rgb(247,193,235)
```
#f9d3f1
```
#f9d3f1 rgb(249,211,241)
```
#fbe4f6
```
#fbe4f6 rgb(251,228,246)
```
#fef5fc
```
#fef5fc rgb(254,245,252)
```

Tint Color Variation

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

#635660
```
#635660 rgb(99,86,96)
```
#6a4f64
```
#6a4f64 rgb(106,79,100)
```
#714868
```
#714868 rgb(113,72,104)
```
#78416c
```
#78416c rgb(120,65,108)
```
#7f3a70
```
#7f3a70 rgb(127,58,112)
```
#873274
```
#873274 rgb(135,50,116)
```
#8e2b78
```
#8e2b78 rgb(142,43,120)
```
#95247c
```
#95247c rgb(149,36,124)
```
#9c1d80
```
#9c1d80 rgb(156,29,128)
```
#a31684
```
#a31684 rgb(163,22,132)
```
#aa0f88
```
#aa0f88 rgb(170,15,136)
```
#b1088c
```
#b1088c rgb(177,8,140)
```
#b80190
```
#b80190 rgb(184,1,144)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#5e4258 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b5fb1 Protanopia 1% of men
#5a607e Deuteranopia 1% of men
#a14044 Tritanopia 0.001% of the population

Trichromacy

#5644a1 Protanomaly 1% of men, 0.01% of women
#744580 Deuteranomaly 6% of men, 0.4% of women
#a1315b Tritanomaly 0.01% of the population

#a31684 hex color

#a31684 Color Information

#a31684 Color Conversion

Color Schemes with #a31684

Alternatives to #a31684

#a31684 Preview

Shades and Tints of #a31684

Tones of #a31684

Color Blindness Simulator