#a30af2 hex color

In a RGB color space, hex #a30af2 is composed of 63.9% red, 3.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 32.6% cyan, 95.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 279.6 degrees, a saturation of 92.1% and a lightness of 49.4%. #a30af2 color hex could be obtained by blending #ff14ff with #4700e5. Closest websafe color is: #9900ff.

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

● #a30af2 color description : Vivid violet.

The hexadecimal color #a30af2 has RGB values of R:163, G:10, B:242 and CMYK values of C:0.33, M:0.96, Y:0, K:0.05. Its decimal value is 10685170.

Hex triplet	a30af2	`#a30af2`
RGB Decimal	163, 10, 242	`rgb(163,10,242)`
RGB Percent	63.9, 3.9, 94.9	`rgb(63.9%,3.9%,94.9%)`
CMYK	33, 96, 0, 5
HSL	279.6°, 92.1, 49.4	`hsl(279.6,92.1%,49.4%)`
HSV (or HSB)	279.6°, 95.9, 94.9
Web Safe	9900ff	`#9900ff`

CIE-LAB	44.823, 82.884, -79.387
XYZ	31.237, 14.415, 85.136
xyY	0.239, 0.11, 14.415
CIE-LCH	44.823, 114.77, 316.235
CIE-LUV	44.823, 29.503, -122.567
Hunter-Lab	37.967, 80.417, -106.372
Binary	10100011, 00001010, 11110010

#a30af2
```
#a30af2 rgb(163,10,242)
```
#59f20a
```
#59f20a rgb(89,242,10)
```

Complementary Color

#2f0af2
```
#2f0af2 rgb(47,10,242)
```
#a30af2
```
#a30af2 rgb(163,10,242)
```
#f20acd
```
#f20acd rgb(242,10,205)
```

Analogous Color

#0af22f
```
#0af22f rgb(10,242,47)
```
#a30af2
```
#a30af2 rgb(163,10,242)
```
#cdf20a
```
#cdf20a rgb(205,242,10)
```

Split Complementary Color

#0af2a3
```
#0af2a3 rgb(10,242,163)
```
#a30af2
```
#a30af2 rgb(163,10,242)
```
#f2a30a
```
#f2a30a rgb(242,163,10)
```

Triadic Color

#0a59f2
```
#0a59f2 rgb(10,89,242)
```
#a30af2
```
#a30af2 rgb(163,10,242)
```
#f2a30a
```
#f2a30a rgb(242,163,10)
```
#59f20a
```
#59f20a rgb(89,242,10)
```

Tetradic Color

#7207a9
```
#7207a9 rgb(114,7,169)
```
#8208c1
```
#8208c1 rgb(130,8,193)
```
#9309da
```
#9309da rgb(147,9,218)
```
#a30af2
```
#a30af2 rgb(163,10,242)
```
#ad20f6
```
#ad20f6 rgb(173,32,246)
```
#b638f7
```
#b638f7 rgb(182,56,247)
```
#bf51f8
```
#bf51f8 rgb(191,81,248)
```

Monochromatic Color

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

#690af2
```
#690af2 rgb(105,10,242)
```
#7c0af2
```
#7c0af2 rgb(124,10,242)
```
#900af2
```
#900af2 rgb(144,10,242)
```
#a30af2
```
#a30af2 rgb(163,10,242)
```
#b60af2
```
#b60af2 rgb(182,10,242)
```
#ca0af2
```
#ca0af2 rgb(202,10,242)
```
#dd0af2
```
#dd0af2 rgb(221,10,242)
```

Similar Colors

Text with hexadecimal color #a30af2

This text has a font color of #a30af2.

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

#a30af2 background color

This paragraph has a background color of #a30af2.

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

#a30af2 border color

This element has a border color of #a30af2.

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

CSS codes

.text {color:#a30af2;}

.background {background-color:#a30af2;}

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

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

#0b0110
```
#0b0110 rgb(11,1,16)
```
#170123
```
#170123 rgb(23,1,35)
```
#240236
```
#240236 rgb(36,2,54)
```
#310348
```
#310348 rgb(49,3,72)
```
#3d045b
```
#3d045b rgb(61,4,91)
```
#4a056e
```
#4a056e rgb(74,5,110)
```
#570581
```
#570581 rgb(87,5,129)
```
#640694
```
#640694 rgb(100,6,148)
```
#7007a7
```
#7007a7 rgb(112,7,167)
```
#7d08b9
```
#7d08b9 rgb(125,8,185)
```
#8a08cc
```
#8a08cc rgb(138,8,204)
```
#9609df
```
#9609df rgb(150,9,223)
```
#a30af2
```
#a30af2 rgb(163,10,242)
```

Shade Color Variation

#ab1af6
```
#ab1af6 rgb(171,26,246)
```
#b22df6
```
#b22df6 rgb(178,45,246)
```
#b940f7
```
#b940f7 rgb(185,64,247)
```
#c053f8
```
#c053f8 rgb(192,83,248)
```
#c765f9
```
#c765f9 rgb(199,101,249)
```
#cd78f9
```
#cd78f9 rgb(205,120,249)
```
#d48bfa
```
#d48bfa rgb(212,139,250)
```
#db9efb
```
#db9efb rgb(219,158,251)
```
#e2b1fc
```
#e2b1fc rgb(226,177,252)
```
#e9c4fd
```
#e9c4fd rgb(233,196,253)
```
#f0d6fd
```
#f0d6fd rgb(240,214,253)
```
#f7e9fe
```
#f7e9fe rgb(247,233,254)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#817587
```
#817587 rgb(129,117,135)
```
#846b91
```
#846b91 rgb(132,107,145)
```
#87619b
```
#87619b rgb(135,97,155)
```
#8a58a4
```
#8a58a4 rgb(138,88,164)
```
#8d4eae
```
#8d4eae rgb(141,78,174)
```
#9044b8
```
#9044b8 rgb(144,68,184)
```
#943ac2
```
#943ac2 rgb(148,58,194)
```
#9731cb
```
#9731cb rgb(151,49,203)
```
#9a27d5
```
#9a27d5 rgb(154,39,213)
```
#9d1ddf
```
#9d1ddf rgb(157,29,223)
```
#a014e8
```
#a014e8 rgb(160,20,232)
```
#a30af2
```
#a30af2 rgb(163,10,242)
```
#a600fc
```
#a600fc rgb(166,0,252)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#624472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed6 Protanopia 1% of men
#0074bc Deuteranopia 1% of men
#8b686f Tritanopia 0.001% of the population

Trichromacy

#3b4ae0 Protanomaly 1% of men, 0.01% of women
#3b4dd0 Deuteranomaly 6% of men, 0.4% of women
#93469f Tritanomaly 0.01% of the population

#a30af2 hex color

#a30af2 Color Information

#a30af2 Color Conversion

Color Schemes with #a30af2

Alternatives to #a30af2

#a30af2 Preview

Shades and Tints of #a30af2

Tones of #a30af2

Color Blindness Simulator