#a31688 hex color

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

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

● #a31688 color description : Dark magenta.

The hexadecimal color #a31688 has RGB values of R:163, G:22, B:136 and CMYK values of C:0, M:0.87, Y:0.17, K:0.36. Its decimal value is 10688136.

Hex triplet	a31688	`#a31688`
RGB Decimal	163, 22, 136	`rgb(163,22,136)`
RGB Percent	63.9, 8.6, 53.3	`rgb(63.9%,8.6%,53.3%)`
CMYK	0, 87, 17, 36
HSL	311.5°, 76.2, 36.3	`hsl(311.5,76.2%,36.3%)`
HSV (or HSB)	311.5°, 86.5, 63.9
Web Safe	990099	`#990099`

CIE-LAB	38.092, 63.421, -27.892
XYZ	19.835, 10.14, 24.204
xyY	0.366, 0.187, 10.14
CIE-LCH	38.092, 69.284, 336.26
CIE-LUV	38.092, 62.695, -47.123
Hunter-Lab	31.843, 55.464, -22.777
Binary	10100011, 00010110, 10001000

#a31688
```
#a31688 rgb(163,22,136)
```
#16a331
```
#16a331 rgb(22,163,49)
```

Complementary Color

#7816a3
```
#7816a3 rgb(120,22,163)
```
#a31688
```
#a31688 rgb(163,22,136)
```
#a31642
```
#a31642 rgb(163,22,66)
```

Analogous Color

#16a378
```
#16a378 rgb(22,163,120)
```
#a31688
```
#a31688 rgb(163,22,136)
```
#42a316
```
#42a316 rgb(66,163,22)
```

Split Complementary Color

#1688a3
```
#1688a3 rgb(22,136,163)
```
#a31688
```
#a31688 rgb(163,22,136)
```
#88a316
```
#88a316 rgb(136,163,22)
```

Triadic Color

#3116a3
```
#3116a3 rgb(49,22,163)
```
#a31688
```
#a31688 rgb(163,22,136)
```
#88a316
```
#88a316 rgb(136,163,22)
```
#16a331
```
#16a331 rgb(22,163,49)
```

Tetradic Color

#600d50
```
#600d50 rgb(96,13,80)
```
#761063
```
#761063 rgb(118,16,99)
```
#8d1375
```
#8d1375 rgb(141,19,117)
```
#a31688
```
#a31688 rgb(163,22,136)
```
#b9199b
```
#b9199b rgb(185,25,155)
```
#d01cad
```
#d01cad rgb(208,28,173)
```
#e124bd
```
#e124bd rgb(225,36,189)
```

Monochromatic Color

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

#9b16a3
```
#9b16a3 rgb(155,22,163)
```
#a316a0
```
#a316a0 rgb(163,22,160)
```
#a31694
```
#a31694 rgb(163,22,148)
```
#a31688
```
#a31688 rgb(163,22,136)
```
#a3167c
```
#a3167c rgb(163,22,124)
```
#a31671
```
#a31671 rgb(163,22,113)
```
#a31665
```
#a31665 rgb(163,22,101)
```

Similar Colors

Text with hexadecimal color #a31688

This text has a font color of #a31688.

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

#a31688 background color

This paragraph has a background color of #a31688.

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

#a31688 border color

This element has a border color of #a31688.

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

CSS codes

.text {color:#a31688;}

.background {background-color:#a31688;}

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

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)
```
#190315
```
#190315 rgb(25,3,21)
```
#2a0623
```
#2a0623 rgb(42,6,35)
```
#3b0831
```
#3b0831 rgb(59,8,49)
```
#4d0a40
```
#4d0a40 rgb(77,10,64)
```
#5e0d4e
```
#5e0d4e rgb(94,13,78)
```
#6f0f5d
```
#6f0f5d rgb(111,15,93)
```
#80116b
```
#80116b rgb(128,17,107)
```
#92147a
```
#92147a rgb(146,20,122)
```
#a31688
```
#a31688 rgb(163,22,136)
```
#b41896
```
#b41896 rgb(180,24,150)
```
#c61ba5
```
#c61ba5 rgb(198,27,165)
```
#d71db3
```
#d71db3 rgb(215,29,179)
```

Shade Color Variation

#e226be
```
#e226be rgb(226,38,190)
```
#e437c3
```
#e437c3 rgb(228,55,195)
```
#e648c8
```
#e648c8 rgb(230,72,200)
```
#e95acd
```
#e95acd rgb(233,90,205)
```
#eb6bd2
```
#eb6bd2 rgb(235,107,210)
```
#ed7cd8
```
#ed7cd8 rgb(237,124,216)
```
#f08ddd
```
#f08ddd rgb(240,141,221)
```
#f29fe2
```
#f29fe2 rgb(242,159,226)
```
#f4b0e7
```
#f4b0e7 rgb(244,176,231)
```
#f7c1ec
```
#f7c1ec rgb(247,193,236)
```
#f9d3f2
```
#f9d3f2 rgb(249,211,242)
```
#fbe4f7
```
#fbe4f7 rgb(251,228,247)
```
#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 #b80195 is the most saturated one.

#635660
```
#635660 rgb(99,86,96)
```
#6a4f65
```
#6a4f65 rgb(106,79,101)
```
#714869
```
#714869 rgb(113,72,105)
```
#78416e
```
#78416e rgb(120,65,110)
```
#7f3a72
```
#7f3a72 rgb(127,58,114)
```
#873276
```
#873276 rgb(135,50,118)
```
#8e2b7b
```
#8e2b7b rgb(142,43,123)
```
#95247f
```
#95247f rgb(149,36,127)
```
#9c1d84
```
#9c1d84 rgb(156,29,132)
```
#a31688
```
#a31688 rgb(163,22,136)
```
#aa0f8c
```
#aa0f8c rgb(170,15,140)
```
#b10891
```
#b10891 rgb(177,8,145)
```
#b80195
```
#b80195 rgb(184,1,149)
```

Tone Color Variation

Below, you can see how #a31688 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
#5e4259 Atypical Achromatopsia 0.001% of the population

Dichromacy

#215fb6 Protanopia 1% of men
#586181 Deuteranopia 1% of men
#a04145 Tritanopia 0.001% of the population

Trichromacy

#5044a5 Protanomaly 1% of men, 0.01% of women
#734583 Deuteranomaly 6% of men, 0.4% of women
#a1315d Tritanomaly 0.01% of the population

#a31688 hex color

#a31688 Color Information

#a31688 Color Conversion

Color Schemes with #a31688

Alternatives to #a31688

#a31688 Preview

Shades and Tints of #a31688

Tones of #a31688

Color Blindness Simulator