#a306ba hex color

In a RGB color space, hex #a306ba is composed of 63.9% red, 2.4% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 12.4% cyan, 96.8% magenta, 0% yellow and 27.1% black. It has a hue angle of 292.3 degrees, a saturation of 93.8% and a lightness of 37.6%. #a306ba color hex could be obtained by blending #ff0cff with #470075. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 64
- G 2
- B 73
RGB color chart
- C 12
- M 97
- Y 0
- K 27
CMYK color chart

● #a306ba color description : Strong magenta.

The hexadecimal color #a306ba has RGB values of R:163, G:6, B:186 and CMYK values of C:0.12, M:0.97, Y:0, K:0.27. Its decimal value is 10684090.

Hex triplet	a306ba	`#a306ba`
RGB Decimal	163, 6, 186	`rgb(163,6,186)`
RGB Percent	63.9, 2.4, 72.9	`rgb(63.9%,2.4%,72.9%)`
CMYK	12, 97, 0, 27
HSL	292.3°, 93.8, 37.6	`hsl(292.3,93.8%,37.6%)`
HSV (or HSB)	292.3°, 96.8, 72.9
Web Safe	9900cc	`#9900cc`

CIE-LAB	40.35, 73.279, -54.421
XYZ	24.031, 11.463, 47.399
xyY	0.29, 0.138, 11.463
CIE-LCH	40.35, 91.277, 323.4
CIE-LUV	40.35, 45.325, -85.638
Hunter-Lab	33.857, 67.445, -59.302
Binary	10100011, 00000110, 10111010

#a306ba
```
#a306ba rgb(163,6,186)
```
#1dba06
```
#1dba06 rgb(29,186,6)
```

Complementary Color

#4906ba
```
#4906ba rgb(73,6,186)
```
#a306ba
```
#a306ba rgb(163,6,186)
```
#ba0677
```
#ba0677 rgb(186,6,119)
```

Analogous Color

#06ba49
```
#06ba49 rgb(6,186,73)
```
#a306ba
```
#a306ba rgb(163,6,186)
```
#77ba06
```
#77ba06 rgb(119,186,6)
```

Split Complementary Color

#06baa3
```
#06baa3 rgb(6,186,163)
```
#a306ba
```
#a306ba rgb(163,6,186)
```
#baa306
```
#baa306 rgb(186,163,6)
```

Triadic Color

#061dba
```
#061dba rgb(6,29,186)
```
#a306ba
```
#a306ba rgb(163,6,186)
```
#baa306
```
#baa306 rgb(186,163,6)
```
#1dba06
```
#1dba06 rgb(29,186,6)
```

Tetradic Color

#620470
```
#620470 rgb(98,4,112)
```
#780489
```
#780489 rgb(120,4,137)
```
#8d05a1
```
#8d05a1 rgb(141,5,161)
```
#a306ba
```
#a306ba rgb(163,6,186)
```
#b907d3
```
#b907d3 rgb(185,7,211)
```
#ce08eb
```
#ce08eb rgb(206,8,235)
```
#db15f7
```
#db15f7 rgb(219,21,247)
```

Monochromatic Color

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

#7606ba
```
#7606ba rgb(118,6,186)
```
#8506ba
```
#8506ba rgb(133,6,186)
```
#9406ba
```
#9406ba rgb(148,6,186)
```
#a306ba
```
#a306ba rgb(163,6,186)
```
#b206ba
```
#b206ba rgb(178,6,186)
```
#ba06b3
```
#ba06b3 rgb(186,6,179)
```
#ba06a4
```
#ba06a4 rgb(186,6,164)
```

Similar Colors

Text with hexadecimal color #a306ba

This text has a font color of #a306ba.

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

#a306ba background color

This paragraph has a background color of #a306ba.

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

#a306ba border color

This element has a border color of #a306ba.

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

CSS codes

.text {color:#a306ba;}

.background {background-color:#a306ba;}

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

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

#0d000f
```
#0d000f rgb(13,0,15)
```
#1e0122
```
#1e0122 rgb(30,1,34)
```
#2e0235
```
#2e0235 rgb(46,2,53)
```
#3f0248
```
#3f0248 rgb(63,2,72)
```
#50035b
```
#50035b rgb(80,3,91)
```
#60046e
```
#60046e rgb(96,4,110)
```
#710481
```
#710481 rgb(113,4,129)
```
#820594
```
#820594 rgb(130,5,148)
```
#9205a7
```
#9205a7 rgb(146,5,167)
```
#a306ba
```
#a306ba rgb(163,6,186)
```
#b407cd
```
#b407cd rgb(180,7,205)
```
#c407e0
```
#c407e0 rgb(196,7,224)
```
#d508f3
```
#d508f3 rgb(213,8,243)
```

Shade Color Variation

#db17f8
```
#db17f8 rgb(219,23,248)
```
#de2af8
```
#de2af8 rgb(222,42,248)
```
#e13df9
```
#e13df9 rgb(225,61,249)
```
#e450f9
```
#e450f9 rgb(228,80,249)
```
#e763fa
```
#e763fa rgb(231,99,250)
```
#ea76fb
```
#ea76fb rgb(234,118,251)
```
#ed89fb
```
#ed89fb rgb(237,137,251)
```
#f09cfc
```
#f09cfc rgb(240,156,252)
```
#f3affc
```
#f3affc rgb(243,175,252)
```
#f5c2fd
```
#f5c2fd rgb(245,194,253)
```
#f8d5fe
```
#f8d5fe rgb(248,213,254)
```
#fbe8fe
```
#fbe8fe rgb(251,232,254)
```
#fefbff
```
#fefbff rgb(254,251,255)
```

Tint Color Variation

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

#615f61
```
#615f61 rgb(97,95,97)
```
#675769
```
#675769 rgb(103,87,105)
```
#6c5070
```
#6c5070 rgb(108,80,112)
```
#724878
```
#724878 rgb(114,72,120)
```
#77417f
```
#77417f rgb(119,65,127)
```
#7d3a86
```
#7d3a86 rgb(125,58,134)
```
#82328e
```
#82328e rgb(130,50,142)
```
#882b95
```
#882b95 rgb(136,43,149)
```
#8d249c
```
#8d249c rgb(141,36,156)
```
#931ca4
```
#931ca4 rgb(147,28,164)
```
#9815ab
```
#9815ab rgb(152,21,171)
```
#9e0db3
```
#9e0db3 rgb(158,13,179)
```
#a306ba
```
#a306ba rgb(163,6,186)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#5b3c60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#2568ab Deuteranopia 1% of men
#985157 Tritanopia 0.001% of the population

Trichromacy

#3b42c0 Protanomaly 1% of men, 0.01% of women
#5344b0 Deuteranomaly 6% of men, 0.4% of women
#9c367b Tritanomaly 0.01% of the population

#a306ba hex color

#a306ba Color Information

#a306ba Color Conversion

Color Schemes with #a306ba

Alternatives to #a306ba

#a306ba Preview

Shades and Tints of #a306ba

Tones of #a306ba

Color Blindness Simulator