#a30ef4 hex color

In a RGB color space, hex #a30ef4 is composed of 63.9% red, 5.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 33.2% cyan, 94.3% magenta, 0% yellow and 4.3% black. It has a hue angle of 278.9 degrees, a saturation of 91.3% and a lightness of 50.6%. #a30ef4 color hex could be obtained by blending #ff1cff with #4700e9. Closest websafe color is: #9900ff.

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

● #a30ef4 color description : Vivid violet.

The hexadecimal color #a30ef4 has RGB values of R:163, G:14, B:244 and CMYK values of C:0.33, M:0.94, Y:0, K:0.04. Its decimal value is 10686196.

Hex triplet	a30ef4	`#a30ef4`
RGB Decimal	163, 14, 244	`rgb(163,14,244)`
RGB Percent	63.9, 5.5, 95.7	`rgb(63.9%,5.5%,95.7%)`
CMYK	33, 94, 0, 4
HSL	278.9°, 91.3, 50.6	`hsl(278.9,91.3%,50.6%)`
HSV (or HSB)	278.9°, 94.3, 95.7
Web Safe	9900ff	`#9900ff`

CIE-LAB	45.127, 82.856, -80.013
XYZ	31.588, 14.633, 86.743
xyY	0.238, 0.11, 14.633
CIE-LCH	45.127, 115.184, 316
CIE-LUV	45.127, 28.906, -123.65
Hunter-Lab	38.253, 80.456, -107.67
Binary	10100011, 00001110, 11110100

#a30ef4
```
#a30ef4 rgb(163,14,244)
```
#5ff40e
```
#5ff40e rgb(95,244,14)
```

Complementary Color

#300ef4
```
#300ef4 rgb(48,14,244)
```
#a30ef4
```
#a30ef4 rgb(163,14,244)
```
#f40ed2
```
#f40ed2 rgb(244,14,210)
```

Analogous Color

#0ef430
```
#0ef430 rgb(14,244,48)
```
#a30ef4
```
#a30ef4 rgb(163,14,244)
```
#d2f40e
```
#d2f40e rgb(210,244,14)
```

Split Complementary Color

#0ef4a3
```
#0ef4a3 rgb(14,244,163)
```
#a30ef4
```
#a30ef4 rgb(163,14,244)
```
#f4a30e
```
#f4a30e rgb(244,163,14)
```

Triadic Color

#0e5ff4
```
#0e5ff4 rgb(14,95,244)
```
#a30ef4
```
#a30ef4 rgb(163,14,244)
```
#f4a30e
```
#f4a30e rgb(244,163,14)
```
#5ff40e
```
#5ff40e rgb(95,244,14)
```

Tetradic Color

#7308ae
```
#7308ae rgb(115,8,174)
```
#8309c6
```
#8309c6 rgb(131,9,198)
```
#940ade
```
#940ade rgb(148,10,222)
```
#a30ef4
```
#a30ef4 rgb(163,14,244)
```
#ac26f5
```
#ac26f5 rgb(172,38,245)
```
#b63ff6
```
#b63ff6 rgb(182,63,246)
```
#bf57f7
```
#bf57f7 rgb(191,87,247)
```

Monochromatic Color

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

#6a0ef4
```
#6a0ef4 rgb(106,14,244)
```
#7d0ef4
```
#7d0ef4 rgb(125,14,244)
```
#900ef4
```
#900ef4 rgb(144,14,244)
```
#a30ef4
```
#a30ef4 rgb(163,14,244)
```
#b60ef4
```
#b60ef4 rgb(182,14,244)
```
#c90ef4
```
#c90ef4 rgb(201,14,244)
```
#dd0ef4
```
#dd0ef4 rgb(221,14,244)
```

Similar Colors

Text with hexadecimal color #a30ef4

This text has a font color of #a30ef4.

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

#a30ef4 background color

This paragraph has a background color of #a30ef4.

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

#a30ef4 border color

This element has a border color of #a30ef4.

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

CSS codes

.text {color:#a30ef4;}

.background {background-color:#a30ef4;}

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

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

#020003
```
#020003 rgb(2,0,3)
```
#0e0116
```
#0e0116 rgb(14,1,22)
```
#1b0228
```
#1b0228 rgb(27,2,40)
```
#27033b
```
#27033b rgb(39,3,59)
```
#34044e
```
#34044e rgb(52,4,78)
```
#400461
```
#400461 rgb(64,4,97)
```
#4d0573
```
#4d0573 rgb(77,5,115)
```
#590686
```
#590686 rgb(89,6,134)
```
#660799
```
#660799 rgb(102,7,153)
```
#7208ac
```
#7208ac rgb(114,8,172)
```
#7e09be
```
#7e09be rgb(126,9,190)
```
#8b0ad1
```
#8b0ad1 rgb(139,10,209)
```
#970ae4
```
#970ae4 rgb(151,10,228)
```

Shade Color Variation

#a30ef4
```
#a30ef4 rgb(163,14,244)
```
#aa21f5
```
#aa21f5 rgb(170,33,245)
```
#b134f6
```
#b134f6 rgb(177,52,246)
```
#b846f7
```
#b846f7 rgb(184,70,247)
```
#c059f7
```
#c059f7 rgb(192,89,247)
```
#c76cf8
```
#c76cf8 rgb(199,108,248)
```
#ce7ff9
```
#ce7ff9 rgb(206,127,249)
```
#d591fa
```
#d591fa rgb(213,145,250)
```
#dca4fb
```
#dca4fb rgb(220,164,251)
```
#e3b7fc
```
#e3b7fc rgb(227,183,252)
```
#ebcafd
```
#ebcafd rgb(235,202,253)
```
#f2dcfd
```
#f2dcfd rgb(242,220,253)
```
#f9effe
```
#f9effe rgb(249,239,254)
```

Tint Color Variation

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

#837989
```
#837989 rgb(131,121,137)
```
#866f93
```
#866f93 rgb(134,111,147)
```
#89659d
```
#89659d rgb(137,101,157)
```
#8c5ca6
```
#8c5ca6 rgb(140,92,166)
```
#8f52b0
```
#8f52b0 rgb(143,82,176)
```
#9248ba
```
#9248ba rgb(146,72,186)
```
#953ec4
```
#953ec4 rgb(149,62,196)
```
#9835cd
```
#9835cd rgb(152,53,205)
```
#9a2bd7
```
#9a2bd7 rgb(154,43,215)
```
#9d21e1
```
#9d21e1 rgb(157,33,225)
```
#a018ea
```
#a018ea rgb(160,24,234)
```
#a30ef4
```
#a30ef4 rgb(163,14,244)
```
#a604fe
```
#a604fe rgb(166,4,254)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#654775 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd8 Protanopia 1% of men
#0075bd Deuteranopia 1% of men
#8a6971 Tritanopia 0.001% of the population

Trichromacy

#3b4be2 Protanomaly 1% of men, 0.01% of women
#3b4fd1 Deuteranomaly 6% of men, 0.4% of women
#9348a0 Tritanomaly 0.01% of the population

#a30ef4 hex color

#a30ef4 Color Information

#a30ef4 Color Conversion

Color Schemes with #a30ef4

Alternatives to #a30ef4

#a30ef4 Preview

Shades and Tints of #a30ef4

Tones of #a30ef4

Color Blindness Simulator