#a30396 hex color

In a RGB color space, hex #a30396 is composed of 63.9% red, 1.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.2% magenta, 8% yellow and 36.1% black. It has a hue angle of 304.9 degrees, a saturation of 96.4% and a lightness of 32.5%. #a30396 color hex could be obtained by blending #ff06ff with #47002d. Closest websafe color is: #990099.

♥
- f
- t
- g
- R 64
- G 1
- B 59
RGB color chart
- C 0
- M 98
- Y 8
- K 36
CMYK color chart

● #a30396 color description : Dark magenta.

The hexadecimal color #a30396 has RGB values of R:163, G:3, B:150 and CMYK values of C:0, M:0.98, Y:0.08, K:0.36. Its decimal value is 10683286.

Hex triplet	a30396	`#a30396`
RGB Decimal	163, 3, 150	`rgb(163,3,150)`
RGB Percent	63.9, 1.2, 58.8	`rgb(63.9%,1.2%,58.8%)`
CMYK	0, 98, 8, 36
HSL	304.9°, 96.4, 32.5	`hsl(304.9,96.4%,32.5%)`
HSV (or HSB)	304.9°, 98.2, 63.9
Web Safe	990099	`#990099`

CIE-LAB	37.941, 68.036, -36.713
XYZ	20.642, 10.055, 29.706
xyY	0.342, 0.166, 10.055
CIE-LCH	37.941, 77.309, 331.648
CIE-LUV	37.941, 58.698, -59.71
Hunter-Lab	31.71, 60.702, -33.346
Binary	10100011, 00000011, 10010110

#a30396
```
#a30396 rgb(163,3,150)
```
#03a310
```
#03a310 rgb(3,163,16)
```

Complementary Color

#6003a3
```
#6003a3 rgb(96,3,163)
```
#a30396
```
#a30396 rgb(163,3,150)
```
#a30346
```
#a30346 rgb(163,3,70)
```

Analogous Color

#03a360
```
#03a360 rgb(3,163,96)
```
#a30396
```
#a30396 rgb(163,3,150)
```
#46a303
```
#46a303 rgb(70,163,3)
```

Split Complementary Color

#0396a3
```
#0396a3 rgb(3,150,163)
```
#a30396
```
#a30396 rgb(163,3,150)
```
#96a303
```
#96a303 rgb(150,163,3)
```

Triadic Color

#1003a3
```
#1003a3 rgb(16,3,163)
```
#a30396
```
#a30396 rgb(163,3,150)
```
#96a303
```
#96a303 rgb(150,163,3)
```
#03a310
```
#03a310 rgb(3,163,16)
```

Tetradic Color

#580251
```
#580251 rgb(88,2,81)
```
#710268
```
#710268 rgb(113,2,104)
```
#8a037f
```
#8a037f rgb(138,3,127)
```
#a30396
```
#a30396 rgb(163,3,150)
```
#bc03ad
```
#bc03ad rgb(188,3,173)
```
#d504c4
```
#d504c4 rgb(213,4,196)
```
#ee04db
```
#ee04db rgb(238,4,219)
```

Monochromatic Color

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

#8803a3
```
#8803a3 rgb(136,3,163)
```
#9503a3
```
#9503a3 rgb(149,3,163)
```
#a303a3
```
#a303a3 rgb(163,3,163)
```
#a30396
```
#a30396 rgb(163,3,150)
```
#a30389
```
#a30389 rgb(163,3,137)
```
#a3037b
```
#a3037b rgb(163,3,123)
```
#a3036e
```
#a3036e rgb(163,3,110)
```

Similar Colors

Text with hexadecimal color #a30396

This text has a font color of #a30396.

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

#a30396 background color

This paragraph has a background color of #a30396.

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

#a30396 border color

This element has a border color of #a30396.

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

CSS codes

.text {color:#a30396;}

.background {background-color:#a30396;}

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

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

#090008
```
#090008 rgb(9,0,8)
```
#1c011a
```
#1c011a rgb(28,1,26)
```
#2f012c
```
#2f012c rgb(47,1,44)
```
#43013d
```
#43013d rgb(67,1,61)
```
#56024f
```
#56024f rgb(86,2,79)
```
#690261
```
#690261 rgb(105,2,97)
```
#7c0273
```
#7c0273 rgb(124,2,115)
```
#900384
```
#900384 rgb(144,3,132)
```
#a30396
```
#a30396 rgb(163,3,150)
```
#b603a8
```
#b603a8 rgb(182,3,168)
```
#ca04b9
```
#ca04b9 rgb(202,4,185)
```
#dd04cb
```
#dd04cb rgb(221,4,203)
```
#f004dd
```
#f004dd rgb(240,4,221)
```

Shade Color Variation

#fb0ee7
```
#fb0ee7 rgb(251,14,231)
```
#fb21e9
```
#fb21e9 rgb(251,33,233)
```
#fb34eb
```
#fb34eb rgb(251,52,235)
```
#fc47ed
```
#fc47ed rgb(252,71,237)
```
#fc5bef
```
#fc5bef rgb(252,91,239)
```
#fc6ef1
```
#fc6ef1 rgb(252,110,241)
```
#fd81f3
```
#fd81f3 rgb(253,129,243)
```
#fd94f5
```
#fd94f5 rgb(253,148,245)
```
#fda8f6
```
#fda8f6 rgb(253,168,246)
```
#febbf8
```
#febbf8 rgb(254,187,248)
```
#fecefa
```
#fecefa rgb(254,206,250)
```
#fee1fc
```
#fee1fc rgb(254,225,252)
```
#fff5fe
```
#fff5fe rgb(255,245,254)
```

Tint Color Variation

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

#565056
```
#565056 rgb(86,80,86)
```
#5d495b
```
#5d495b rgb(93,73,91)
```
#634361
```
#634361 rgb(99,67,97)
```
#6a3c66
```
#6a3c66 rgb(106,60,102)
```
#70366b
```
#70366b rgb(112,54,107)
```
#763071
```
#763071 rgb(118,48,113)
```
#7d2976
```
#7d2976 rgb(125,41,118)
```
#83237b
```
#83237b rgb(131,35,123)
```
#891d81
```
#891d81 rgb(137,29,129)
```
#901686
```
#901686 rgb(144,22,134)
```
#96108b
```
#96108b rgb(150,16,139)
```
#9d0991
```
#9d0991 rgb(157,9,145)
```
#a30396
```
#a30396 rgb(163,3,150)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#573754 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb9 Protanopia 1% of men
#4c618c Deuteranopia 1% of men
#9e4346 Tritanopia 0.001% of the population

Trichromacy

#3b3dac Protanomaly 1% of men, 0.01% of women
#6c3f90 Deuteranomaly 6% of men, 0.4% of women
#a02b63 Tritanomaly 0.01% of the population

#a30396 hex color

#a30396 Color Information

#a30396 Color Conversion

Color Schemes with #a30396

Alternatives to #a30396

#a30396 Preview

Shades and Tints of #a30396

Tones of #a30396

Color Blindness Simulator