#a306c2 hex color

In a RGB color space, hex #a306c2 is composed of 63.9% red, 2.4% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 16% cyan, 96.9% magenta, 0% yellow and 23.9% black. It has a hue angle of 290.1 degrees, a saturation of 94% and a lightness of 39.2%. #a306c2 color hex could be obtained by blending #ff0cff with #470085. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 64
- G 2
- B 76
RGB color chart
- C 16
- M 97
- Y 0
- K 24
CMYK color chart

● #a306c2 color description : Strong magenta.

The hexadecimal color #a306c2 has RGB values of R:163, G:6, B:194 and CMYK values of C:0.16, M:0.97, Y:0, K:0.24. Its decimal value is 10684098.

Hex triplet	a306c2	`#a306c2`
RGB Decimal	163, 6, 194	`rgb(163,6,194)`
RGB Percent	63.9, 2.4, 76.1	`rgb(63.9%,2.4%,76.1%)`
CMYK	16, 97, 0, 24
HSL	290.1°, 94, 39.2	`hsl(290.1,94%,39.2%)`
HSV (or HSB)	290.1°, 96.9, 76.1
Web Safe	9900cc	`#9900cc`

CIE-LAB	40.917, 74.623, -58.201
XYZ	24.906, 11.813, 52.004
xyY	0.281, 0.133, 11.813
CIE-LCH	40.917, 94.636, 322.048
CIE-LUV	40.917, 42.74, -91.201
Hunter-Lab	34.37, 69.2, -65.65
Binary	10100011, 00000110, 11000010

#a306c2
```
#a306c2 rgb(163,6,194)
```
#25c206
```
#25c206 rgb(37,194,6)
```

Complementary Color

#4506c2
```
#4506c2 rgb(69,6,194)
```
#a306c2
```
#a306c2 rgb(163,6,194)
```
#c20683
```
#c20683 rgb(194,6,131)
```

Analogous Color

#06c245
```
#06c245 rgb(6,194,69)
```
#a306c2
```
#a306c2 rgb(163,6,194)
```
#83c206
```
#83c206 rgb(131,194,6)
```

Split Complementary Color

#06c2a3
```
#06c2a3 rgb(6,194,163)
```
#a306c2
```
#a306c2 rgb(163,6,194)
```
#c2a306
```
#c2a306 rgb(194,163,6)
```

Triadic Color

#0625c2
```
#0625c2 rgb(6,37,194)
```
#a306c2
```
#a306c2 rgb(163,6,194)
```
#c2a306
```
#c2a306 rgb(194,163,6)
```
#25c206
```
#25c206 rgb(37,194,6)
```

Tetradic Color

#650478
```
#650478 rgb(101,4,120)
```
#790491
```
#790491 rgb(121,4,145)
```
#8e05a9
```
#8e05a9 rgb(142,5,169)
```
#a306c2
```
#a306c2 rgb(163,6,194)
```
#b807db
```
#b807db rgb(184,7,219)
```
#cd08f3
```
#cd08f3 rgb(205,8,243)
```
#d41df8
```
#d41df8 rgb(212,29,248)
```

Monochromatic Color

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

#7406c2
```
#7406c2 rgb(116,6,194)
```
#8406c2
```
#8406c2 rgb(132,6,194)
```
#9306c2
```
#9306c2 rgb(147,6,194)
```
#a306c2
```
#a306c2 rgb(163,6,194)
```
#b306c2
```
#b306c2 rgb(179,6,194)
```
#c206c2
```
#c206c2 rgb(194,6,194)
```
#c206b2
```
#c206b2 rgb(194,6,178)
```

Similar Colors

Text with hexadecimal color #a306c2

This text has a font color of #a306c2.

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

#a306c2 background color

This paragraph has a background color of #a306c2.

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

#a306c2 border color

This element has a border color of #a306c2.

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

CSS codes

.text {color:#a306c2;}

.background {background-color:#a306c2;}

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

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

#030004
```
#030004 rgb(3,0,4)
```
#130117
```
#130117 rgb(19,1,23)
```
#23012a
```
#23012a rgb(35,1,42)
```
#33023d
```
#33023d rgb(51,2,61)
```
#430250
```
#430250 rgb(67,2,80)
```
#530363
```
#530363 rgb(83,3,99)
```
#630476
```
#630476 rgb(99,4,118)
```
#730489
```
#730489 rgb(115,4,137)
```
#83059c
```
#83059c rgb(131,5,156)
```
#9305af
```
#9305af rgb(147,5,175)
```
#a306c2
```
#a306c2 rgb(163,6,194)
```
#b307d5
```
#b307d5 rgb(179,7,213)
```
#c307e8
```
#c307e8 rgb(195,7,232)
```

Shade Color Variation

#d10bf7
```
#d10bf7 rgb(209,11,247)
```
#d41ef8
```
#d41ef8 rgb(212,30,248)
```
#d831f9
```
#d831f9 rgb(216,49,249)
```
#db44f9
```
#db44f9 rgb(219,68,249)
```
#df57fa
```
#df57fa rgb(223,87,250)
```
#e36bfa
```
#e36bfa rgb(227,107,250)
```
#e67efb
```
#e67efb rgb(230,126,251)
```
#ea91fc
```
#ea91fc rgb(234,145,252)
```
#eea4fc
```
#eea4fc rgb(238,164,252)
```
#f1b7fd
```
#f1b7fd rgb(241,183,253)
```
#f5cafd
```
#f5cafd rgb(245,202,253)
```
#f8ddfe
```
#f8ddfe rgb(248,221,254)
```
#fcf0ff
```
#fcf0ff rgb(252,240,255)
```

Tint Color Variation

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

#656266
```
#656266 rgb(101,98,102)
```
#6a5b6d
```
#6a5b6d rgb(106,91,109)
```
#6f5375
```
#6f5375 rgb(111,83,117)
```
#754b7d
```
#754b7d rgb(117,75,125)
```
#7a4484
```
#7a4484 rgb(122,68,132)
```
#7f3c8c
```
#7f3c8c rgb(127,60,140)
```
#843494
```
#843494 rgb(132,52,148)
```
#892c9c
```
#892c9c rgb(137,44,156)
```
#8e25a3
```
#8e25a3 rgb(142,37,163)
```
#941dab
```
#941dab rgb(148,29,171)
```
#9915b3
```
#9915b3 rgb(153,21,179)
```
#9e0eba
```
#9e0eba rgb(158,14,186)
```
#a306c2
```
#a306c2 rgb(163,6,194)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#5c3c62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c6 Protanopia 1% of men
#006ab1 Deuteranopia 1% of men
#97555a Tritanopia 0.001% of the population

Trichromacy

#3b42c4 Protanomaly 1% of men, 0.01% of women
#3b45b7 Deuteranomaly 6% of men, 0.4% of women
#9b3880 Tritanomaly 0.01% of the population

#a306c2 hex color

#a306c2 Color Information

#a306c2 Color Conversion

Color Schemes with #a306c2

Alternatives to #a306c2

#a306c2 Preview

Shades and Tints of #a306c2

Tones of #a306c2

Color Blindness Simulator