#a22063 hex color

In a RGB color space, hex #a22063 is composed of 63.5% red, 12.5% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.2% magenta, 38.9% yellow and 36.5% black. It has a hue angle of 329.1 degrees, a saturation of 67% and a lightness of 38%. #a22063 color hex could be obtained by blending #ff40c6 with #450000. Closest websafe color is: #993366.

♥
- f
- t
- g
- R 64
- G 13
- B 39
RGB color chart
- C 0
- M 80
- Y 39
- K 36
CMYK color chart

● #a22063 color description : Dark pink.

The hexadecimal color #a22063 has RGB values of R:162, G:32, B:99 and CMYK values of C:0, M:0.8, Y:0.39, K:0.36. Its decimal value is 10625123.

Hex triplet	a22063	`#a22063`
RGB Decimal	162, 32, 99	`rgb(162,32,99)`
RGB Percent	63.5, 12.5, 38.8	`rgb(63.5%,12.5%,38.8%)`
CMYK	0, 80, 39, 36
HSL	329.1°, 67, 38	`hsl(329.1,67%,38%)`
HSV (or HSB)	329.1°, 80.2, 63.5
Web Safe	993366	`#993366`

CIE-LAB	37.146, 56.284, -6.163
XYZ	17.669, 9.617, 12.73
xyY	0.442, 0.24, 9.617
CIE-LCH	37.146, 56.621, 353.751
CIE-LUV	37.146, 75.017, -17.295
Hunter-Lab	31.011, 47.434, -2.629
Binary	10100010, 00100000, 01100011

#a22063
```
#a22063 rgb(162,32,99)
```
#20a25f
```
#20a25f rgb(32,162,95)
```

Complementary Color

#a020a2
```
#a020a2 rgb(160,32,162)
```
#a22063
```
#a22063 rgb(162,32,99)
```
#a22022
```
#a22022 rgb(162,32,34)
```

Analogous Color

#20a2a0
```
#20a2a0 rgb(32,162,160)
```
#a22063
```
#a22063 rgb(162,32,99)
```
#22a220
```
#22a220 rgb(34,162,32)
```

Split Complementary Color

#2063a2
```
#2063a2 rgb(32,99,162)
```
#a22063
```
#a22063 rgb(162,32,99)
```
#63a220
```
#63a220 rgb(99,162,32)
```

Triadic Color

#5f20a2
```
#5f20a2 rgb(95,32,162)
```
#a22063
```
#a22063 rgb(162,32,99)
```
#63a220
```
#63a220 rgb(99,162,32)
```
#20a25f
```
#20a25f rgb(32,162,95)
```

Tetradic Color

#62133c
```
#62133c rgb(98,19,60)
```
#771849
```
#771849 rgb(119,24,73)
```
#8d1c56
```
#8d1c56 rgb(141,28,86)
```
#a22063
```
#a22063 rgb(162,32,99)
```
#b72470
```
#b72470 rgb(183,36,112)
```
#cd287d
```
#cd287d rgb(205,40,125)
```
#d7378a
```
#d7378a rgb(215,55,138)
```

Monochromatic Color

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

#a22084
```
#a22084 rgb(162,32,132)
```
#a22079
```
#a22079 rgb(162,32,121)
```
#a2206e
```
#a2206e rgb(162,32,110)
```
#a22063
```
#a22063 rgb(162,32,99)
```
#a22058
```
#a22058 rgb(162,32,88)
```
#a2204d
```
#a2204d rgb(162,32,77)
```
#a22043
```
#a22043 rgb(162,32,67)
```

Similar Colors

Text with hexadecimal color #a22063

This text has a font color of #a22063.

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

#a22063 background color

This paragraph has a background color of #a22063.

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

#a22063 border color

This element has a border color of #a22063.

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

CSS codes

.text {color:#a22063;}

.background {background-color:#a22063;}

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

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

#0f0309
```
#0f0309 rgb(15,3,9)
```
#1f0613
```
#1f0613 rgb(31,6,19)
```
#2f091d
```
#2f091d rgb(47,9,29)
```
#400d27
```
#400d27 rgb(64,13,39)
```
#501031
```
#501031 rgb(80,16,49)
```
#60133b
```
#60133b rgb(96,19,59)
```
#711645
```
#711645 rgb(113,22,69)
```
#811a4f
```
#811a4f rgb(129,26,79)
```
#921d59
```
#921d59 rgb(146,29,89)
```
#a22063
```
#a22063 rgb(162,32,99)
```
#b2236d
```
#b2236d rgb(178,35,109)
```
#c32677
```
#c32677 rgb(195,38,119)
```
#d32a81
```
#d32a81 rgb(211,42,129)
```

Shade Color Variation

#d8398b
```
#d8398b rgb(216,57,139)
```
#db4994
```
#db4994 rgb(219,73,148)
```
#de599e
```
#de599e rgb(222,89,158)
```
#e26aa7
```
#e26aa7 rgb(226,106,167)
```
#e57ab1
```
#e57ab1 rgb(229,122,177)
```
#e88bbb
```
#e88bbb rgb(232,139,187)
```
#eb9bc4
```
#eb9bc4 rgb(235,155,196)
```
#eeabce
```
#eeabce rgb(238,171,206)
```
#f2bcd8
```
#f2bcd8 rgb(242,188,216)
```
#f5cce1
```
#f5cce1 rgb(245,204,225)
```
#f8dceb
```
#f8dceb rgb(248,220,235)
```
#fbedf4
```
#fbedf4 rgb(251,237,244)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#665c61
```
#665c61 rgb(102,92,97)
```
#6e5461
```
#6e5461 rgb(110,84,97)
```
#754d62
```
#754d62 rgb(117,77,98)
```
#7d4562
```
#7d4562 rgb(125,69,98)
```
#843e62
```
#843e62 rgb(132,62,98)
```
#8c3662
```
#8c3662 rgb(140,54,98)
```
#932f63
```
#932f63 rgb(147,47,99)
```
#9b2763
```
#9b2763 rgb(155,39,99)
```
#a22063
```
#a22063 rgb(162,32,99)
```
#a91963
```
#a91963 rgb(169,25,99)
```
#b11163
```
#b11163 rgb(177,17,99)
```
#b80a64
```
#b80a64 rgb(184,10,100)
```
#c00264
```
#c00264 rgb(192,2,100)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#604653 Atypical Achromatopsia 0.001% of the population

Dichromacy

#515e87 Protanopia 1% of men
#685d61 Deuteranopia 1% of men
#a33a3c Tritanopia 0.001% of the population

Trichromacy

#6f4779 Protanomaly 1% of men, 0.01% of women
#7d4762 Deuteranomaly 6% of men, 0.4% of women
#a3304a Tritanomaly 0.01% of the population

#a22063 hex color

#a22063 Color Information

#a22063 Color Conversion

Color Schemes with #a22063

Alternatives to #a22063

#a22063 Preview

Shades and Tints of #a22063

Tones of #a22063

Color Blindness Simulator