#ca22a4 hex color

In a RGB color space, hex #ca22a4 is composed of 79.2% red, 13.3% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.2% magenta, 18.8% yellow and 20.8% black. It has a hue angle of 313.6 degrees, a saturation of 71.2% and a lightness of 46.3%. #ca22a4 color hex could be obtained by blending #ff44ff with #950049. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 79
- G 13
- B 64
RGB color chart
- C 0
- M 83
- Y 19
- K 21
CMYK color chart

● #ca22a4 color description : Strong magenta.

The hexadecimal color #ca22a4 has RGB values of R:202, G:34, B:164 and CMYK values of C:0, M:0.83, Y:0.19, K:0.21. Its decimal value is 13247140.

Hex triplet	ca22a4	`#ca22a4`
RGB Decimal	202, 34, 164	`rgb(202,34,164)`
RGB Percent	79.2, 13.3, 64.3	`rgb(79.2%,13.3%,64.3%)`
CMYK	0, 83, 19, 21
HSL	313.6°, 71.2, 46.3	`hsl(313.6,71.2%,46.3%)`
HSV (or HSB)	313.6°, 83.2, 79.2
Web Safe	cc3399	`#cc3399`

CIE-LAB	47.474, 72.896, -29.644
XYZ	31.63, 16.384, 36.617
xyY	0.374, 0.194, 16.384
CIE-LCH	47.474, 78.693, 337.87
CIE-LUV	47.474, 79.544, -54.033
Hunter-Lab	40.477, 68.652, -25.302
Binary	11001010, 00100010, 10100100

#ca22a4
```
#ca22a4 rgb(202,34,164)
```
#22ca48
```
#22ca48 rgb(34,202,72)
```

Complementary Color

#9c22ca
```
#9c22ca rgb(156,34,202)
```
#ca22a4
```
#ca22a4 rgb(202,34,164)
```
#ca2250
```
#ca2250 rgb(202,34,80)
```

Analogous Color

#22ca9c
```
#22ca9c rgb(34,202,156)
```
#ca22a4
```
#ca22a4 rgb(202,34,164)
```
#50ca22
```
#50ca22 rgb(80,202,34)
```

Split Complementary Color

#22a4ca
```
#22a4ca rgb(34,164,202)
```
#ca22a4
```
#ca22a4 rgb(202,34,164)
```
#a4ca22
```
#a4ca22 rgb(164,202,34)
```

Triadic Color

#4822ca
```
#4822ca rgb(72,34,202)
```
#ca22a4
```
#ca22a4 rgb(202,34,164)
```
#a4ca22
```
#a4ca22 rgb(164,202,34)
```
#22ca48
```
#22ca48 rgb(34,202,72)
```

Tetradic Color

#89176f
```
#89176f rgb(137,23,111)
```
#9e1b81
```
#9e1b81 rgb(158,27,129)
```
#b41e92
```
#b41e92 rgb(180,30,146)
```
#ca22a4
```
#ca22a4 rgb(202,34,164)
```
#db2ab3
```
#db2ab3 rgb(219,42,179)
```
#df40bb
```
#df40bb rgb(223,64,187)
```
#e356c3
```
#e356c3 rgb(227,86,195)
```

Monochromatic Color

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

#c622ca
```
#c622ca rgb(198,34,202)
```
#ca22c0
```
#ca22c0 rgb(202,34,192)
```
#ca22b2
```
#ca22b2 rgb(202,34,178)
```
#ca22a4
```
#ca22a4 rgb(202,34,164)
```
#ca2296
```
#ca2296 rgb(202,34,150)
```
#ca2288
```
#ca2288 rgb(202,34,136)
```
#ca227a
```
#ca227a rgb(202,34,122)
```

Similar Colors

Text with hexadecimal color #ca22a4

This text has a font color of #ca22a4.

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

#ca22a4 background color

This paragraph has a background color of #ca22a4.

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

#ca22a4 border color

This element has a border color of #ca22a4.

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

CSS codes

.text {color:#ca22a4;}

.background {background-color:#ca22a4;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#11030e
```
#11030e rgb(17,3,14)
```
#22061c
```
#22061c rgb(34,6,28)
```
#330929
```
#330929 rgb(51,9,41)
```
#440b37
```
#440b37 rgb(68,11,55)
```
#540e45
```
#540e45 rgb(84,14,69)
```
#651152
```
#651152 rgb(101,17,82)
```
#761460
```
#761460 rgb(118,20,96)
```
#87176d
```
#87176d rgb(135,23,109)
```
#981a7b
```
#981a7b rgb(152,26,123)
```
#a81c89
```
#a81c89 rgb(168,28,137)
```
#b91f96
```
#b91f96 rgb(185,31,150)
```
#ca22a4
```
#ca22a4 rgb(202,34,164)
```

Shade Color Variation

#da25b1
```
#da25b1 rgb(218,37,177)
```
#dd36b7
```
#dd36b7 rgb(221,54,183)
```
#e047bd
```
#e047bd rgb(224,71,189)
```
#e358c3
```
#e358c3 rgb(227,88,195)
```
#e668c9
```
#e668c9 rgb(230,104,201)
```
#e879cf
```
#e879cf rgb(232,121,207)
```
#eb8ad5
```
#eb8ad5 rgb(235,138,213)
```
#ee9bdb
```
#ee9bdb rgb(238,155,219)
```
#f1ace1
```
#f1ace1 rgb(241,172,225)
```
#f4bce7
```
#f4bce7 rgb(244,188,231)
```
#f7cded
```
#f7cded rgb(247,205,237)
```
#f9def3
```
#f9def3 rgb(249,222,243)
```
#fceff9
```
#fceff9 rgb(252,239,249)
```

Tint Color Variation

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

#787477
```
#787477 rgb(120,116,119)
```
#816b7c
```
#816b7c rgb(129,107,124)
```
#8a6281
```
#8a6281 rgb(138,98,129)
```
#945886
```
#945886 rgb(148,88,134)
```
#9d4f8b
```
#9d4f8b rgb(157,79,139)
```
#a64690
```
#a64690 rgb(166,70,144)
```
#af3d95
```
#af3d95 rgb(175,61,149)
```
#b8349a
```
#b8349a rgb(184,52,154)
```
#c12b9f
```
#c12b9f rgb(193,43,159)
```
#ca22a4
```
#ca22a4 rgb(202,34,164)
```
#d319a9
```
#d319a9 rgb(211,25,169)
```
#dc10ae
```
#dc10ae rgb(220,16,174)
```
#e507b3
```
#e507b3 rgb(229,7,179)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#785670 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a74d7 Protanopia 1% of men
#6f7699 Deuteranopia 1% of men
#c45054 Tritanopia 0.001% of the population

Trichromacy

#6e56c4 Protanomaly 1% of men, 0.01% of women
#90579d Deuteranomaly 6% of men, 0.4% of women
#c63f71 Tritanomaly 0.01% of the population

#ca22a4 hex color

#ca22a4 Color Information

#ca22a4 Color Conversion

Color Schemes with #ca22a4

Alternatives to #ca22a4

#ca22a4 Preview

Shades and Tints of #ca22a4

Tones of #ca22a4

Color Blindness Simulator