#a30558 hex color

In a RGB color space, hex #a30558 is composed of 63.9% red, 2% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 96.9% magenta, 46% yellow and 36.1% black. It has a hue angle of 328.5 degrees, a saturation of 94% and a lightness of 32.9%. #a30558 color hex could be obtained by blending #ff0ab0 with #470000. Closest websafe color is: #990066.

♥
- f
- t
- g
- R 64
- G 2
- B 35
RGB color chart
- C 0
- M 97
- Y 46
- K 36
CMYK color chart

● #a30558 color description : Dark pink.

The hexadecimal color #a30558 has RGB values of R:163, G:5, B:88 and CMYK values of C:0, M:0.97, Y:0.46, K:0.36. Its decimal value is 10683736.

Hex triplet	a30558	`#a30558`
RGB Decimal	163, 5, 88	`rgb(163,5,88)`
RGB Percent	63.9, 2, 34.5	`rgb(63.9%,2%,34.5%)`
CMYK	0, 97, 46, 36
HSL	328.5°, 94, 32.9	`hsl(328.5,94%,32.9%)`
HSV (or HSB)	328.5°, 96.9, 63.9
Web Safe	990066	`#990066`

CIE-LAB	35.206, 60.56, -1.954
XYZ	16.921, 8.602, 10.001
xyY	0.476, 0.242, 8.602
CIE-LCH	35.206, 60.591, 358.152
CIE-LUV	35.206, 85.508, -12.976
Hunter-Lab	29.328, 51.658, 0.311
Binary	10100011, 00000101, 01011000

#a30558
```
#a30558 rgb(163,5,88)
```
#05a350
```
#05a350 rgb(5,163,80)
```

Complementary Color

#9f05a3
```
#9f05a3 rgb(159,5,163)
```
#a30558
```
#a30558 rgb(163,5,88)
```
#a30509
```
#a30509 rgb(163,5,9)
```

Analogous Color

#05a39f
```
#05a39f rgb(5,163,159)
```
#a30558
```
#a30558 rgb(163,5,88)
```
#09a305
```
#09a305 rgb(9,163,5)
```

Split Complementary Color

#0558a3
```
#0558a3 rgb(5,88,163)
```
#a30558
```
#a30558 rgb(163,5,88)
```
#58a305
```
#58a305 rgb(88,163,5)
```

Triadic Color

#5005a3
```
#5005a3 rgb(80,5,163)
```
#a30558
```
#a30558 rgb(163,5,88)
```
#58a305
```
#58a305 rgb(88,163,5)
```
#05a350
```
#05a350 rgb(5,163,80)
```

Tetradic Color

#590330
```
#590330 rgb(89,3,48)
```
#72033d
```
#72033d rgb(114,3,61)
```
#8a044b
```
#8a044b rgb(138,4,75)
```
#a30558
```
#a30558 rgb(163,5,88)
```
#bc0665
```
#bc0665 rgb(188,6,101)
```
#d40773
```
#d40773 rgb(212,7,115)
```
#ed0780
```
#ed0780 rgb(237,7,128)
```

Monochromatic Color

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

#a30580
```
#a30580 rgb(163,5,128)
```
#a30572
```
#a30572 rgb(163,5,114)
```
#a30565
```
#a30565 rgb(163,5,101)
```
#a30558
```
#a30558 rgb(163,5,88)
```
#a3054b
```
#a3054b rgb(163,5,75)
```
#a3053e
```
#a3053e rgb(163,5,62)
```
#a30531
```
#a30531 rgb(163,5,49)
```

Similar Colors

Text with hexadecimal color #a30558

This text has a font color of #a30558.

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

#a30558 background color

This paragraph has a background color of #a30558.

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

#a30558 border color

This element has a border color of #a30558.

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

CSS codes

.text {color:#a30558;}

.background {background-color:#a30558;}

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

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

#0b0006
```
#0b0006 rgb(11,0,6)
```
#1e0110
```
#1e0110 rgb(30,1,16)
```
#31011a
```
#31011a rgb(49,1,26)
```
#440225
```
#440225 rgb(68,2,37)
```
#57032f
```
#57032f rgb(87,3,47)
```
#6a0339
```
#6a0339 rgb(106,3,57)
```
#7d0443
```
#7d0443 rgb(125,4,67)
```
#90044e
```
#90044e rgb(144,4,78)
```
#a30558
```
#a30558 rgb(163,5,88)
```
#b60662
```
#b60662 rgb(182,6,98)
```
#c9066d
```
#c9066d rgb(201,6,109)
```
#dc0777
```
#dc0777 rgb(220,7,119)
```
#ef0781
```
#ef0781 rgb(239,7,129)
```

Shade Color Variation

#f8128b
```
#f8128b rgb(248,18,139)
```
#f82594
```
#f82594 rgb(248,37,148)
```
#f9389e
```
#f9389e rgb(249,56,158)
```
#f94ba7
```
#f94ba7 rgb(249,75,167)
```
#fa5eb0
```
#fa5eb0 rgb(250,94,176)
```
#fb71ba
```
#fb71ba rgb(251,113,186)
```
#fb85c3
```
#fb85c3 rgb(251,133,195)
```
#fc98cc
```
#fc98cc rgb(252,152,204)
```
#fcabd6
```
#fcabd6 rgb(252,171,214)
```
#fdbedf
```
#fdbedf rgb(253,190,223)
```
#fed1e8
```
#fed1e8 rgb(254,209,232)
```
#fee4f2
```
#fee4f2 rgb(254,228,242)
```
#fff7fb
```
#fff7fb rgb(255,247,251)
```

Tint Color Variation

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

#555354
```
#555354 rgb(85,83,84)
```
#5c4c54
```
#5c4c54 rgb(92,76,84)
```
#624655
```
#624655 rgb(98,70,85)
```
#693f55
```
#693f55 rgb(105,63,85)
```
#6f3955
```
#6f3955 rgb(111,57,85)
```
#763256
```
#763256 rgb(118,50,86)
```
#7c2c56
```
#7c2c56 rgb(124,44,86)
```
#832556
```
#832556 rgb(131,37,86)
```
#891f57
```
#891f57 rgb(137,31,87)
```
#901857
```
#901857 rgb(144,24,87)
```
#961257
```
#961257 rgb(150,18,87)
```
#9d0b58
```
#9d0b58 rgb(157,11,88)
```
#a30558
```
#a30558 rgb(163,5,88)
```

Tone Color Variation

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

Dichromacy

#4e5a80 Protanopia 1% of men
#665856 Deuteranopia 1% of men
#a42b2c Tritanopia 0.001% of the population

Trichromacy

#6d3b71 Protanomaly 1% of men, 0.01% of women
#7c3a57 Deuteranomaly 6% of men, 0.4% of women
#a41d3c Tritanomaly 0.01% of the population

#a30558 hex color

#a30558 Color Information

#a30558 Color Conversion

Color Schemes with #a30558

Alternatives to #a30558

#a30558 Preview

Shades and Tints of #a30558

Tones of #a30558

Color Blindness Simulator