#a22054 hex color

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

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

● #a22054 color description : Dark pink.

The hexadecimal color #a22054 has RGB values of R:162, G:32, B:84 and CMYK values of C:0, M:0.8, Y:0.48, K:0.36. Its decimal value is 10625108.

Hex triplet	a22054	`#a22054`
RGB Decimal	162, 32, 84	`rgb(162,32,84)`
RGB Percent	63.5, 12.5, 32.9	`rgb(63.5%,12.5%,32.9%)`
CMYK	0, 80, 48, 36
HSL	336°, 67, 38	`hsl(336,67%,38%)`
HSV (or HSB)	336°, 80.2, 63.5
Web Safe	993366	`#993366`

CIE-LAB	36.662, 54.821, 2.727
XYZ	17.018, 9.356, 9.297
xyY	0.477, 0.262, 9.356
CIE-LCH	36.662, 54.888, 2.848
CIE-LUV	36.662, 80.833, -6.57
Hunter-Lab	30.588, 45.778, 3.391
Binary	10100010, 00100000, 01010100

#a22054
```
#a22054 rgb(162,32,84)
```
#20a26e
```
#20a26e rgb(32,162,110)
```

Complementary Color

#a22095
```
#a22095 rgb(162,32,149)
```
#a22054
```
#a22054 rgb(162,32,84)
```
#a22d20
```
#a22d20 rgb(162,45,32)
```

Analogous Color

#2095a2
```
#2095a2 rgb(32,149,162)
```
#a22054
```
#a22054 rgb(162,32,84)
```
#20a22d
```
#20a22d rgb(32,162,45)
```

Split Complementary Color

#2054a2
```
#2054a2 rgb(32,84,162)
```
#a22054
```
#a22054 rgb(162,32,84)
```
#54a220
```
#54a220 rgb(84,162,32)
```

Triadic Color

#6e20a2
```
#6e20a2 rgb(110,32,162)
```
#a22054
```
#a22054 rgb(162,32,84)
```
#54a220
```
#54a220 rgb(84,162,32)
```
#20a26e
```
#20a26e rgb(32,162,110)
```

Tetradic Color

#621333
```
#621333 rgb(98,19,51)
```
#77183e
```
#77183e rgb(119,24,62)
```
#8d1c49
```
#8d1c49 rgb(141,28,73)
```
#a22054
```
#a22054 rgb(162,32,84)
```
#b7245f
```
#b7245f rgb(183,36,95)
```
#cd286a
```
#cd286a rgb(205,40,106)
```
#d73777
```
#d73777 rgb(215,55,119)
```

Monochromatic Color

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

#a22075
```
#a22075 rgb(162,32,117)
```
#a2206a
```
#a2206a rgb(162,32,106)
```
#a2205f
```
#a2205f rgb(162,32,95)
```
#a22054
```
#a22054 rgb(162,32,84)
```
#a22049
```
#a22049 rgb(162,32,73)
```
#a2203e
```
#a2203e rgb(162,32,62)
```
#a22034
```
#a22034 rgb(162,32,52)
```

Similar Colors

Text with hexadecimal color #a22054

This text has a font color of #a22054.

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

#a22054 background color

This paragraph has a background color of #a22054.

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

#a22054 border color

This element has a border color of #a22054.

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

CSS codes

.text {color:#a22054;}

.background {background-color:#a22054;}

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

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

#0f0308
```
#0f0308 rgb(15,3,8)
```
#1f0610
```
#1f0610 rgb(31,6,16)
```
#2f0919
```
#2f0919 rgb(47,9,25)
```
#400d21
```
#400d21 rgb(64,13,33)
```
#50102a
```
#50102a rgb(80,16,42)
```
#601332
```
#601332 rgb(96,19,50)
```
#71163b
```
#71163b rgb(113,22,59)
```
#811a43
```
#811a43 rgb(129,26,67)
```
#921d4c
```
#921d4c rgb(146,29,76)
```
#a22054
```
#a22054 rgb(162,32,84)
```
#b2235c
```
#b2235c rgb(178,35,92)
```
#c32665
```
#c32665 rgb(195,38,101)
```
#d32a6d
```
#d32a6d rgb(211,42,109)
```

Shade Color Variation

#d83978
```
#d83978 rgb(216,57,120)
```
#db4983
```
#db4983 rgb(219,73,131)
```
#de598f
```
#de598f rgb(222,89,143)
```
#e26a9a
```
#e26a9a rgb(226,106,154)
```
#e57aa5
```
#e57aa5 rgb(229,122,165)
```
#e88bb0
```
#e88bb0 rgb(232,139,176)
```
#eb9bbb
```
#eb9bbb rgb(235,155,187)
```
#eeabc6
```
#eeabc6 rgb(238,171,198)
```
#f2bcd1
```
#f2bcd1 rgb(242,188,209)
```
#f5ccdc
```
#f5ccdc rgb(245,204,220)
```
#f8dce8
```
#f8dce8 rgb(248,220,232)
```
#fbedf3
```
#fbedf3 rgb(251,237,243)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#665c60
```
#665c60 rgb(102,92,96)
```
#6e545e
```
#6e545e rgb(110,84,94)
```
#754d5d
```
#754d5d rgb(117,77,93)
```
#7d455b
```
#7d455b rgb(125,69,91)
```
#843e5a
```
#843e5a rgb(132,62,90)
```
#8c3658
```
#8c3658 rgb(140,54,88)
```
#932f57
```
#932f57 rgb(147,47,87)
```
#9b2755
```
#9b2755 rgb(155,39,85)
```
#a22054
```
#a22054 rgb(162,32,84)
```
#a91953
```
#a91953 rgb(169,25,83)
```
#b11151
```
#b11151 rgb(177,17,81)
```
#b80a50
```
#b80a50 rgb(184,10,80)
```
#c0024e
```
#c0024e rgb(192,2,78)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#5e444e Atypical Achromatopsia 0.001% of the population

Dichromacy

#585e75 Protanopia 1% of men
#6b5b54 Deuteranopia 1% of men
#a43538 Tritanopia 0.001% of the population

Trichromacy

#734769 Protanomaly 1% of men, 0.01% of women
#7f4654 Deuteranomaly 6% of men, 0.4% of women
#a32d42 Tritanomaly 0.01% of the population

#a22054 hex color

#a22054 Color Information

#a22054 Color Conversion

Color Schemes with #a22054

Alternatives to #a22054

#a22054 Preview

Shades and Tints of #a22054

Tones of #a22054

Color Blindness Simulator