#a314d2 hex color

In a RGB color space, hex #a314d2 is composed of 63.9% red, 7.8% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 90.5% magenta, 0% yellow and 17.6% black. It has a hue angle of 285.2 degrees, a saturation of 82.6% and a lightness of 45.1%. #a314d2 color hex could be obtained by blending #ff28ff with #4700a5. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 64
- G 8
- B 82
RGB color chart
- C 22
- M 90
- Y 0
- K 18
CMYK color chart

● #a314d2 color description : Strong magenta.

The hexadecimal color #a314d2 has RGB values of R:163, G:20, B:210 and CMYK values of C:0.22, M:0.9, Y:0, K:0.18. Its decimal value is 10687698.

Hex triplet	a314d2	`#a314d2`
RGB Decimal	163, 20, 210	`rgb(163,20,210)`
RGB Percent	63.9, 7.8, 82.4	`rgb(63.9%,7.8%,82.4%)`
CMYK	22, 90, 0, 18
HSL	285.2°, 82.6, 45.1	`hsl(285.2,82.6%,45.1%)`
HSV (or HSB)	285.2°, 90.5, 82.4
Web Safe	9900cc	`#9900cc`

CIE-LAB	42.674, 75.72, -64.648
XYZ	26.986, 12.941, 62.046
xyY	0.265, 0.127, 12.941
CIE-LCH	42.674, 99.564, 319.51
CIE-LUV	42.674, 37.292, -101.155
Hunter-Lab	35.974, 70.948, -77.079
Binary	10100011, 00010100, 11010010

#a314d2
```
#a314d2 rgb(163,20,210)
```
#43d214
```
#43d214 rgb(67,210,20)
```

Complementary Color

#4414d2
```
#4414d2 rgb(68,20,210)
```
#a314d2
```
#a314d2 rgb(163,20,210)
```
#d214a2
```
#d214a2 rgb(210,20,162)
```

Analogous Color

#14d244
```
#14d244 rgb(20,210,68)
```
#a314d2
```
#a314d2 rgb(163,20,210)
```
#a2d214
```
#a2d214 rgb(162,210,20)
```

Split Complementary Color

#14d2a3
```
#14d2a3 rgb(20,210,163)
```
#a314d2
```
#a314d2 rgb(163,20,210)
```
#d2a314
```
#d2a314 rgb(210,163,20)
```

Triadic Color

#1443d2
```
#1443d2 rgb(20,67,210)
```
#a314d2
```
#a314d2 rgb(163,20,210)
```
#d2a314
```
#d2a314 rgb(210,163,20)
```
#43d214
```
#43d214 rgb(67,210,20)
```

Tetradic Color

#6d0d8c
```
#6d0d8c rgb(109,13,140)
```
#7f10a3
```
#7f10a3 rgb(127,16,163)
```
#9112bb
```
#9112bb rgb(145,18,187)
```
#a314d2
```
#a314d2 rgb(163,20,210)
```
#b517e9
```
#b517e9 rgb(181,23,233)
```
#bc2eeb
```
#bc2eeb rgb(188,46,235)
```
#c445ed
```
#c445ed rgb(196,69,237)
```

Monochromatic Color

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

#7414d2
```
#7414d2 rgb(116,20,210)
```
#8314d2
```
#8314d2 rgb(131,20,210)
```
#9314d2
```
#9314d2 rgb(147,20,210)
```
#a314d2
```
#a314d2 rgb(163,20,210)
```
#b314d2
```
#b314d2 rgb(179,20,210)
```
#c314d2
```
#c314d2 rgb(195,20,210)
```
#d214d2
```
#d214d2 rgb(210,20,210)
```

Similar Colors

Text with hexadecimal color #a314d2

This text has a font color of #a314d2.

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

#a314d2 background color

This paragraph has a background color of #a314d2.

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

#a314d2 border color

This element has a border color of #a314d2.

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

CSS codes

.text {color:#a314d2;}

.background {background-color:#a314d2;}

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

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

#0a010d
```
#0a010d rgb(10,1,13)
```
#18031f
```
#18031f rgb(24,3,31)
```
#260531
```
#260531 rgb(38,5,49)
```
#340643
```
#340643 rgb(52,6,67)
```
#420855
```
#420855 rgb(66,8,85)
```
#500a67
```
#500a67 rgb(80,10,103)
```
#5d0b78
```
#5d0b78 rgb(93,11,120)
```
#6b0d8a
```
#6b0d8a rgb(107,13,138)
```
#790f9c
```
#790f9c rgb(121,15,156)
```
#8711ae
```
#8711ae rgb(135,17,174)
```
#9512c0
```
#9512c0 rgb(149,18,192)
```
#a314d2
```
#a314d2 rgb(163,20,210)
```
#b116e4
```
#b116e4 rgb(177,22,228)
```

Shade Color Variation

#b923ea
```
#b923ea rgb(185,35,234)
```
#bf35ec
```
#bf35ec rgb(191,53,236)
```
#c447ed
```
#c447ed rgb(196,71,237)
```
#ca59ef
```
#ca59ef rgb(202,89,239)
```
#d06bf1
```
#d06bf1 rgb(208,107,241)
```
#d57df3
```
#d57df3 rgb(213,125,243)
```
#db8ff4
```
#db8ff4 rgb(219,143,244)
```
#e1a1f6
```
#e1a1f6 rgb(225,161,246)
```
#e7b2f8
```
#e7b2f8 rgb(231,178,248)
```
#ecc4f9
```
#ecc4f9 rgb(236,196,249)
```
#f2d6fb
```
#f2d6fb rgb(242,214,251)
```
#f8e8fd
```
#f8e8fd rgb(248,232,253)
```
#fdfaff
```
#fdfaff rgb(253,250,255)
```

Tint Color Variation

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

#766c7a
```
#766c7a rgb(118,108,122)
```
#7b6482
```
#7b6482 rgb(123,100,130)
```
#7f5b8b
```
#7f5b8b rgb(127,91,139)
```
#845294
```
#845294 rgb(132,82,148)
```
#88499d
```
#88499d rgb(136,73,157)
```
#8d40a6
```
#8d40a6 rgb(141,64,166)
```
#9137af
```
#9137af rgb(145,55,175)
```
#962fb7
```
#962fb7 rgb(150,47,183)
```
#9a26c0
```
#9a26c0 rgb(154,38,192)
```
#9f1dc9
```
#9f1dc9 rgb(159,29,201)
```
#a314d2
```
#a314d2 rgb(163,20,210)
```
#a70bdb
```
#a70bdb rgb(167,11,219)
```
#ac02e4
```
#ac02e4 rgb(172,2,228)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#64476d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#006eb6 Deuteranopia 1% of men
#945d63 Tritanopia 0.001% of the population

Trichromacy

#3b4acf Protanomaly 1% of men, 0.01% of women
#3b4dc0 Deuteranomaly 6% of men, 0.4% of women
#99428b Tritanomaly 0.01% of the population

#a314d2 hex color

#a314d2 Color Information

#a314d2 Color Conversion

Color Schemes with #a314d2

Alternatives to #a314d2

#a314d2 Preview

Shades and Tints of #a314d2

Tones of #a314d2

Color Blindness Simulator