#a300f5 hex color

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

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

● #a300f5 color description : Pure (or mostly pure) violet.

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

Hex triplet	a300f5	`#a300f5`
RGB Decimal	163, 0, 245	`rgb(163,0,245)`
RGB Percent	63.9, 0, 96.1	`rgb(63.9%,0%,96.1%)`
CMYK	33, 100, 0, 4
HSL	279.9°, 100, 48	`hsl(279.9,100%,48%)`
HSV (or HSB)	279.9°, 100, 96.1
Web Safe	9900ff	`#9900ff`

CIE-LAB	44.773, 84.367, -81.157
XYZ	31.583, 14.38, 87.493
xyY	0.237, 0.108, 14.38
CIE-LCH	44.773, 117.065, 316.111
CIE-LUV	44.773, 29.096, -124.823
Hunter-Lab	37.921, 82.307, -110.253
Binary	10100011, 00000000, 11110101

#a300f5
```
#a300f5 rgb(163,0,245)
```
#52f500
```
#52f500 rgb(82,245,0)
```

Complementary Color

#2900f5
```
#2900f5 rgb(41,0,245)
```
#a300f5
```
#a300f5 rgb(163,0,245)
```
#f500cd
```
#f500cd rgb(245,0,205)
```

Analogous Color

#00f529
```
#00f529 rgb(0,245,41)
```
#a300f5
```
#a300f5 rgb(163,0,245)
```
#cdf500
```
#cdf500 rgb(205,245,0)
```

Split Complementary Color

#00f5a3
```
#00f5a3 rgb(0,245,163)
```
#a300f5
```
#a300f5 rgb(163,0,245)
```
#f5a300
```
#f5a300 rgb(245,163,0)
```

Triadic Color

#0052f5
```
#0052f5 rgb(0,82,245)
```
#a300f5
```
#a300f5 rgb(163,0,245)
```
#f5a300
```
#f5a300 rgb(245,163,0)
```
#52f500
```
#52f500 rgb(82,245,0)
```

Tetradic Color

#7000a9
```
#7000a9 rgb(112,0,169)
```
#8100c2
```
#8100c2 rgb(129,0,194)
```
#9200dc
```
#9200dc rgb(146,0,220)
```
#a300f5
```
#a300f5 rgb(163,0,245)
```
#af10ff
```
#af10ff rgb(175,16,255)
```
#b729ff
```
#b729ff rgb(183,41,255)
```
#c043ff
```
#c043ff rgb(192,67,255)
```

Monochromatic Color

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

#6600f5
```
#6600f5 rgb(102,0,245)
```
#7a00f5
```
#7a00f5 rgb(122,0,245)
```
#8f00f5
```
#8f00f5 rgb(143,0,245)
```
#a300f5
```
#a300f5 rgb(163,0,245)
```
#b700f5
```
#b700f5 rgb(183,0,245)
```
#cc00f5
```
#cc00f5 rgb(204,0,245)
```
#e000f5
```
#e000f5 rgb(224,0,245)
```

Similar Colors

Text with hexadecimal color #a300f5

This text has a font color of #a300f5.

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

#a300f5 background color

This paragraph has a background color of #a300f5.

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

#a300f5 border color

This element has a border color of #a300f5.

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

CSS codes

.text {color:#a300f5;}

.background {background-color:#a300f5;}

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

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, #06000a is the darkest color, while #fcf5ff is the lightest one.

#06000a
```
#06000a rgb(6,0,10)
```
#13001d
```
#13001d rgb(19,0,29)
```
#200031
```
#200031 rgb(32,0,49)
```
#2e0044
```
#2e0044 rgb(46,0,68)
```
#3b0058
```
#3b0058 rgb(59,0,88)
```
#48006c
```
#48006c rgb(72,0,108)
```
#55007f
```
#55007f rgb(85,0,127)
```
#620093
```
#620093 rgb(98,0,147)
```
#6f00a7
```
#6f00a7 rgb(111,0,167)
```
#7c00ba
```
#7c00ba rgb(124,0,186)
```
#8900ce
```
#8900ce rgb(137,0,206)
```
#9600e1
```
#9600e1 rgb(150,0,225)
```
#a300f5
```
#a300f5 rgb(163,0,245)
```

Shade Color Variation

#ad0aff
```
#ad0aff rgb(173,10,255)
```
#b31dff
```
#b31dff rgb(179,29,255)
```
#ba31ff
```
#ba31ff rgb(186,49,255)
```
#c144ff
```
#c144ff rgb(193,68,255)
```
#c758ff
```
#c758ff rgb(199,88,255)
```
#ce6cff
```
#ce6cff rgb(206,108,255)
```
#d47fff
```
#d47fff rgb(212,127,255)
```
#db93ff
```
#db93ff rgb(219,147,255)
```
#e1a7ff
```
#e1a7ff rgb(225,167,255)
```
#e8baff
```
#e8baff rgb(232,186,255)
```
#efceff
```
#efceff rgb(239,206,255)
```
#f5e1ff
```
#f5e1ff rgb(245,225,255)
```
#fcf5ff
```
#fcf5ff rgb(252,245,255)
```

Tint Color Variation

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

#7e7184
```
#7e7184 rgb(126,113,132)
```
#81688d
```
#81688d rgb(129,104,141)
```
#845e97
```
#845e97 rgb(132,94,151)
```
#8755a0
```
#8755a0 rgb(135,85,160)
```
#8a4baa
```
#8a4baa rgb(138,75,170)
```
#8d42b3
```
#8d42b3 rgb(141,66,179)
```
#9039bc
```
#9039bc rgb(144,57,188)
```
#932fc6
```
#932fc6 rgb(147,47,198)
```
#9726cf
```
#9726cf rgb(151,38,207)
```
#9a1cd9
```
#9a1cd9 rgb(154,28,217)
```
#9d13e2
```
#9d13e2 rgb(157,19,226)
```
#a009ec
```
#a009ec rgb(160,9,236)
```
#a300f5
```
#a300f5 rgb(163,0,245)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#3b46e1 Protanomaly 1% of men, 0.01% of women
#3b4ad0 Deuteranomaly 6% of men, 0.4% of women
#9342a0 Tritanomaly 0.01% of the population

#a300f5 hex color

#a300f5 Color Information

#a300f5 Color Conversion

Color Schemes with #a300f5

Alternatives to #a300f5

#a300f5 Preview

Shades and Tints of #a300f5

Tones of #a300f5

Color Blindness Simulator