#a30366 hex color

In a RGB color space, hex #a30366 is composed of 63.9% red, 1.2% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.2% magenta, 37.4% yellow and 36.1% black. It has a hue angle of 322.9 degrees, a saturation of 96.4% and a lightness of 32.5%. #a30366 color hex could be obtained by blending #ff06cc with #470000. Closest websafe color is: #990066.

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

● #a30366 color description : Dark pink.

The hexadecimal color #a30366 has RGB values of R:163, G:3, B:102 and CMYK values of C:0, M:0.98, Y:0.37, K:0.36. Its decimal value is 10683238.

Hex triplet	a30366	`#a30366`
RGB Decimal	163, 3, 102	`rgb(163,3,102)`
RGB Percent	63.9, 1.2, 40	`rgb(63.9%,1.2%,40%)`
CMYK	0, 98, 37, 36
HSL	322.9°, 96.4, 32.5	`hsl(322.9,96.4%,32.5%)`
HSV (or HSB)	322.9°, 98.2, 63.9
Web Safe	990066	`#990066`

CIE-LAB	35.621, 62.134, -10.349
XYZ	17.535, 8.813, 13.347
xyY	0.442, 0.222, 8.813
CIE-LCH	35.621, 62.99, 350.544
CIE-LUV	35.621, 79.546, -23.33
Hunter-Lab	29.686, 53.487, -5.877
Binary	10100011, 00000011, 01100110

#a30366
```
#a30366 rgb(163,3,102)
```
#03a340
```
#03a340 rgb(3,163,64)
```

Complementary Color

#9003a3
```
#9003a3 rgb(144,3,163)
```
#a30366
```
#a30366 rgb(163,3,102)
```
#a30316
```
#a30316 rgb(163,3,22)
```

Analogous Color

#03a390
```
#03a390 rgb(3,163,144)
```
#a30366
```
#a30366 rgb(163,3,102)
```
#16a303
```
#16a303 rgb(22,163,3)
```

Split Complementary Color

#0366a3
```
#0366a3 rgb(3,102,163)
```
#a30366
```
#a30366 rgb(163,3,102)
```
#66a303
```
#66a303 rgb(102,163,3)
```

Triadic Color

#4003a3
```
#4003a3 rgb(64,3,163)
```
#a30366
```
#a30366 rgb(163,3,102)
```
#66a303
```
#66a303 rgb(102,163,3)
```
#03a340
```
#03a340 rgb(3,163,64)
```

Tetradic Color

#580237
```
#580237 rgb(88,2,55)
```
#710247
```
#710247 rgb(113,2,71)
```
#8a0356
```
#8a0356 rgb(138,3,86)
```
#a30366
```
#a30366 rgb(163,3,102)
```
#bc0376
```
#bc0376 rgb(188,3,118)
```
#d50485
```
#d50485 rgb(213,4,133)
```
#ee0495
```
#ee0495 rgb(238,4,149)
```

Monochromatic Color

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

#a3038e
```
#a3038e rgb(163,3,142)
```
#a30381
```
#a30381 rgb(163,3,129)
```
#a30373
```
#a30373 rgb(163,3,115)
```
#a30366
```
#a30366 rgb(163,3,102)
```
#a30359
```
#a30359 rgb(163,3,89)
```
#a3034b
```
#a3034b rgb(163,3,75)
```
#a3033e
```
#a3033e rgb(163,3,62)
```

Similar Colors

Text with hexadecimal color #a30366

This text has a font color of #a30366.

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

#a30366 background color

This paragraph has a background color of #a30366.

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

#a30366 border color

This element has a border color of #a30366.

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

CSS codes

.text {color:#a30366;}

.background {background-color:#a30366;}

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

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

#090006
```
#090006 rgb(9,0,6)
```
#1c0112
```
#1c0112 rgb(28,1,18)
```
#2f011e
```
#2f011e rgb(47,1,30)
```
#43012a
```
#43012a rgb(67,1,42)
```
#560236
```
#560236 rgb(86,2,54)
```
#690242
```
#690242 rgb(105,2,66)
```
#7c024e
```
#7c024e rgb(124,2,78)
```
#90035a
```
#90035a rgb(144,3,90)
```
#a30366
```
#a30366 rgb(163,3,102)
```
#b60372
```
#b60372 rgb(182,3,114)
```
#ca047e
```
#ca047e rgb(202,4,126)
```
#dd048a
```
#dd048a rgb(221,4,138)
```
#f00496
```
#f00496 rgb(240,4,150)
```

Shade Color Variation

#fb0ea0
```
#fb0ea0 rgb(251,14,160)
```
#fb21a8
```
#fb21a8 rgb(251,33,168)
```
#fb34af
```
#fb34af rgb(251,52,175)
```
#fc47b7
```
#fc47b7 rgb(252,71,183)
```
#fc5bbe
```
#fc5bbe rgb(252,91,190)
```
#fc6ec6
```
#fc6ec6 rgb(252,110,198)
```
#fd81ce
```
#fd81ce rgb(253,129,206)
```
#fd94d5
```
#fd94d5 rgb(253,148,213)
```
#fda8dd
```
#fda8dd rgb(253,168,221)
```
#febbe4
```
#febbe4 rgb(254,187,228)
```
#feceec
```
#feceec rgb(254,206,236)
```
#fee1f3
```
#fee1f3 rgb(254,225,243)
```
#fff5fb
```
#fff5fb rgb(255,245,251)
```

Tint Color Variation

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

#565054
```
#565054 rgb(86,80,84)
```
#5d4955
```
#5d4955 rgb(93,73,85)
```
#634357
```
#634357 rgb(99,67,87)
```
#6a3c58
```
#6a3c58 rgb(106,60,88)
```
#70365a
```
#70365a rgb(112,54,90)
```
#76305b
```
#76305b rgb(118,48,91)
```
#7d295d
```
#7d295d rgb(125,41,93)
```
#83235e
```
#83235e rgb(131,35,94)
```
#891d60
```
#891d60 rgb(137,29,96)
```
#901661
```
#901661 rgb(144,22,97)
```
#961063
```
#961063 rgb(150,16,99)
```
#9d0964
```
#9d0964 rgb(157,9,100)
```
#a30366
```
#a30366 rgb(163,3,102)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#523246 Atypical Achromatopsia 0.001% of the population

Dichromacy

#445a92 Protanopia 1% of men
#625a62 Deuteranopia 1% of men
#a33031 Tritanopia 0.001% of the population

Trichromacy

#663a82 Protanomaly 1% of men, 0.01% of women
#793a64 Deuteranomaly 6% of men, 0.4% of women
#a31f44 Tritanomaly 0.01% of the population

#a30366 hex color

#a30366 Color Information

#a30366 Color Conversion

Color Schemes with #a30366

Alternatives to #a30366

#a30366 Preview

Shades and Tints of #a30366

Tones of #a30366

Color Blindness Simulator