#a312f5 hex color

In a RGB color space, hex #a312f5 is composed of 63.9% red, 7.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 33.5% cyan, 92.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 278.3 degrees, a saturation of 91.9% and a lightness of 51.6%. #a312f5 color hex could be obtained by blending #ff24ff with #4700eb. Closest websafe color is: #9900ff.

♥
- f
- t
- g
- R 64
- G 7
- B 96
RGB color chart
- C 33
- M 93
- Y 0
- K 4
CMYK color chart

● #a312f5 color description : Vivid violet.

The hexadecimal color #a312f5 has RGB values of R:163, G:18, B:245 and CMYK values of C:0.33, M:0.93, Y:0, K:0.04. Its decimal value is 10687221.

Hex triplet	a312f5	`#a312f5`
RGB Decimal	163, 18, 245	`rgb(163,18,245)`
RGB Percent	63.9, 7.1, 96.1	`rgb(63.9%,7.1%,96.1%)`
CMYK	33, 93, 0, 4
HSL	278.3°, 91.9, 51.6	`hsl(278.3,91.9%,51.6%)`
HSV (or HSB)	278.3°, 92.7, 96.1
Web Safe	9900ff	`#9900ff`

CIE-LAB	45.376, 82.555, -80.168
XYZ	31.8, 14.812, 87.565
xyY	0.237, 0.11, 14.812
CIE-LCH	45.376, 115.075, 315.841
CIE-LUV	45.376, 28.517, -124.066
Hunter-Lab	38.487, 80.132, -107.955
Binary	10100011, 00010010, 11110101

#a312f5
```
#a312f5 rgb(163,18,245)
```
#64f512
```
#64f512 rgb(100,245,18)
```

Complementary Color

#3112f5
```
#3112f5 rgb(49,18,245)
```
#a312f5
```
#a312f5 rgb(163,18,245)
```
#f512d6
```
#f512d6 rgb(245,18,214)
```

Analogous Color

#12f531
```
#12f531 rgb(18,245,49)
```
#a312f5
```
#a312f5 rgb(163,18,245)
```
#d6f512
```
#d6f512 rgb(214,245,18)
```

Split Complementary Color

#12f5a3
```
#12f5a3 rgb(18,245,163)
```
#a312f5
```
#a312f5 rgb(163,18,245)
```
#f5a312
```
#f5a312 rgb(245,163,18)
```

Triadic Color

#1264f5
```
#1264f5 rgb(18,100,245)
```
#a312f5
```
#a312f5 rgb(163,18,245)
```
#f5a312
```
#f5a312 rgb(245,163,18)
```
#64f512
```
#64f512 rgb(100,245,18)
```

Tetradic Color

#7508b3
```
#7508b3 rgb(117,8,179)
```
#8509cb
```
#8509cb rgb(133,9,203)
```
#950ae4
```
#950ae4 rgb(149,10,228)
```
#a312f5
```
#a312f5 rgb(163,18,245)
```
#ac2af6
```
#ac2af6 rgb(172,42,246)
```
#b643f7
```
#b643f7 rgb(182,67,247)
```
#bf5bf8
```
#bf5bf8 rgb(191,91,248)
```

Monochromatic Color

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

#6a12f5
```
#6a12f5 rgb(106,18,245)
```
#7d12f5
```
#7d12f5 rgb(125,18,245)
```
#9012f5
```
#9012f5 rgb(144,18,245)
```
#a312f5
```
#a312f5 rgb(163,18,245)
```
#b612f5
```
#b612f5 rgb(182,18,245)
```
#c912f5
```
#c912f5 rgb(201,18,245)
```
#dc12f5
```
#dc12f5 rgb(220,18,245)
```

Similar Colors

Text with hexadecimal color #a312f5

This text has a font color of #a312f5.

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

#a312f5 background color

This paragraph has a background color of #a312f5.

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

#a312f5 border color

This element has a border color of #a312f5.

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

CSS codes

.text {color:#a312f5;}

.background {background-color:#a312f5;}

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

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

#050008
```
#050008 rgb(5,0,8)
```
#11011a
```
#11011a rgb(17,1,26)
```
#1e022d
```
#1e022d rgb(30,2,45)
```
#2a0340
```
#2a0340 rgb(42,3,64)
```
#360453
```
#360453 rgb(54,4,83)
```
#430466
```
#430466 rgb(67,4,102)
```
#4f0579
```
#4f0579 rgb(79,5,121)
```
#5b068b
```
#5b068b rgb(91,6,139)
```
#67079e
```
#67079e rgb(103,7,158)
```
#7407b1
```
#7407b1 rgb(116,7,177)
```
#8008c4
```
#8008c4 rgb(128,8,196)
```
#8c09d7
```
#8c09d7 rgb(140,9,215)
```
#990aea
```
#990aea rgb(153,10,234)
```

Shade Color Variation

#a312f5
```
#a312f5 rgb(163,18,245)
```
#aa25f6
```
#aa25f6 rgb(170,37,246)
```
#b238f7
```
#b238f7 rgb(178,56,247)
```
#b94af7
```
#b94af7 rgb(185,74,247)
```
#c05df8
```
#c05df8 rgb(192,93,248)
```
#c870f9
```
#c870f9 rgb(200,112,249)
```
#cf83fa
```
#cf83fa rgb(207,131,250)
```
#d696fb
```
#d696fb rgb(214,150,251)
```
#dda9fb
```
#dda9fb rgb(221,169,251)
```
#e5bbfc
```
#e5bbfc rgb(229,187,252)
```
#eccefd
```
#eccefd rgb(236,206,253)
```
#f3e1fe
```
#f3e1fe rgb(243,225,254)
```
#fbf4ff
```
#fbf4ff rgb(251,244,255)
```

Tint Color Variation

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

#867b8d
```
#867b8d rgb(134,123,141)
```
#897196
```
#897196 rgb(137,113,150)
```
#8b68a0
```
#8b68a0 rgb(139,104,160)
```
#8e5ea9
```
#8e5ea9 rgb(142,94,169)
```
#9155b3
```
#9155b3 rgb(145,85,179)
```
#934bbc
```
#934bbc rgb(147,75,188)
```
#9642c6
```
#9642c6 rgb(150,66,198)
```
#9838cf
```
#9838cf rgb(152,56,207)
```
#9b2fd9
```
#9b2fd9 rgb(155,47,217)
```
#9e25e2
```
#9e25e2 rgb(158,37,226)
```
#a01cec
```
#a01cec rgb(160,28,236)
```
#a312f5
```
#a312f5 rgb(163,18,245)
```
#a609ff
```
#a609ff rgb(166,9,255)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#664977 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0075be Deuteranopia 1% of men
#8a6a72 Tritanopia 0.001% of the population

Trichromacy

#3b4de3 Protanomaly 1% of men, 0.01% of women
#3b51d2 Deuteranomaly 6% of men, 0.4% of women
#934aa1 Tritanomaly 0.01% of the population

#a312f5 hex color

#a312f5 Color Information

#a312f5 Color Conversion

Color Schemes with #a312f5

Alternatives to #a312f5

#a312f5 Preview

Shades and Tints of #a312f5

Tones of #a312f5

Color Blindness Simulator