#ca22a5 hex color

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

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

● #ca22a5 color description : Strong magenta.

The hexadecimal color #ca22a5 has RGB values of R:202, G:34, B:165 and CMYK values of C:0, M:0.83, Y:0.18, K:0.21. Its decimal value is 13247141.

Hex triplet	ca22a5	`#ca22a5`
RGB Decimal	202, 34, 165	`rgb(202,34,165)`
RGB Percent	79.2, 13.3, 64.7	`rgb(79.2%,13.3%,64.7%)`
CMYK	0, 83, 18, 21
HSL	313.2°, 71.2, 46.3	`hsl(313.2,71.2%,46.3%)`
HSV (or HSB)	313.2°, 83.2, 79.2
Web Safe	cc3399	`#cc3399`

CIE-LAB	47.521, 73.025, -30.165
XYZ	31.721, 16.42, 37.094
xyY	0.372, 0.193, 16.42
CIE-LCH	47.521, 79.01, 337.555
CIE-LUV	47.521, 79.126, -54.818
Hunter-Lab	40.522, 68.819, -25.91
Binary	11001010, 00100010, 10100101

#ca22a5
```
#ca22a5 rgb(202,34,165)
```
#22ca47
```
#22ca47 rgb(34,202,71)
```

Complementary Color

#9b22ca
```
#9b22ca rgb(155,34,202)
```
#ca22a5
```
#ca22a5 rgb(202,34,165)
```
#ca2251
```
#ca2251 rgb(202,34,81)
```

Analogous Color

#22ca9b
```
#22ca9b rgb(34,202,155)
```
#ca22a5
```
#ca22a5 rgb(202,34,165)
```
#51ca22
```
#51ca22 rgb(81,202,34)
```

Split Complementary Color

#22a5ca
```
#22a5ca rgb(34,165,202)
```
#ca22a5
```
#ca22a5 rgb(202,34,165)
```
#a5ca22
```
#a5ca22 rgb(165,202,34)
```

Triadic Color

#4722ca
```
#4722ca rgb(71,34,202)
```
#ca22a5
```
#ca22a5 rgb(202,34,165)
```
#a5ca22
```
#a5ca22 rgb(165,202,34)
```
#22ca47
```
#22ca47 rgb(34,202,71)
```

Tetradic Color

#891770
```
#891770 rgb(137,23,112)
```
#9e1b81
```
#9e1b81 rgb(158,27,129)
```
#b41e93
```
#b41e93 rgb(180,30,147)
```
#ca22a5
```
#ca22a5 rgb(202,34,165)
```
#db2ab4
```
#db2ab4 rgb(219,42,180)
```
#df40bc
```
#df40bc rgb(223,64,188)
```
#e356c4
```
#e356c4 rgb(227,86,196)
```

Monochromatic Color

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

#c522ca
```
#c522ca rgb(197,34,202)
```
#ca22c1
```
#ca22c1 rgb(202,34,193)
```
#ca22b3
```
#ca22b3 rgb(202,34,179)
```
#ca22a5
```
#ca22a5 rgb(202,34,165)
```
#ca2297
```
#ca2297 rgb(202,34,151)
```
#ca2289
```
#ca2289 rgb(202,34,137)
```
#ca227b
```
#ca227b rgb(202,34,123)
```

Similar Colors

Text with hexadecimal color #ca22a5

This text has a font color of #ca22a5.

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

#ca22a5 background color

This paragraph has a background color of #ca22a5.

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

#ca22a5 border color

This element has a border color of #ca22a5.

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

CSS codes

.text {color:#ca22a5;}

.background {background-color:#ca22a5;}

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

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)
```
#33092a
```
#33092a rgb(51,9,42)
```
#440b37
```
#440b37 rgb(68,11,55)
```
#540e45
```
#540e45 rgb(84,14,69)
```
#651153
```
#651153 rgb(101,17,83)
```
#761460
```
#761460 rgb(118,20,96)
```
#87176e
```
#87176e rgb(135,23,110)
```
#981a7c
```
#981a7c rgb(152,26,124)
```
#a81c8a
```
#a81c8a rgb(168,28,138)
```
#b91f97
```
#b91f97 rgb(185,31,151)
```
#ca22a5
```
#ca22a5 rgb(202,34,165)
```

Shade Color Variation

#da25b2
```
#da25b2 rgb(218,37,178)
```
#dd36b8
```
#dd36b8 rgb(221,54,184)
```
#e047be
```
#e047be rgb(224,71,190)
```
#e358c4
```
#e358c4 rgb(227,88,196)
```
#e668ca
```
#e668ca rgb(230,104,202)
```
#e879d0
```
#e879d0 rgb(232,121,208)
```
#eb8ad6
```
#eb8ad6 rgb(235,138,214)
```
#ee9bdc
```
#ee9bdc rgb(238,155,220)
```
#f1ace2
```
#f1ace2 rgb(241,172,226)
```
#f4bce8
```
#f4bce8 rgb(244,188,232)
```
#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 #e507b4 is the most saturated one.

#787477
```
#787477 rgb(120,116,119)
```
#816b7c
```
#816b7c rgb(129,107,124)
```
#8a6281
```
#8a6281 rgb(138,98,129)
```
#945887
```
#945887 rgb(148,88,135)
```
#9d4f8c
```
#9d4f8c rgb(157,79,140)
```
#a64691
```
#a64691 rgb(166,70,145)
```
#af3d96
```
#af3d96 rgb(175,61,150)
```
#b8349b
```
#b8349b rgb(184,52,155)
```
#c12ba0
```
#c12ba0 rgb(193,43,160)
```
#ca22a5
```
#ca22a5 rgb(202,34,165)
```
#d319aa
```
#d319aa rgb(211,25,170)
```
#dc10af
```
#dc10af rgb(220,16,175)
```
#e507b4
```
#e507b4 rgb(229,7,180)
```

Tone Color Variation

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

#3874d8 Protanopia 1% of men
#6f769a Deuteranopia 1% of men
#c45054 Tritanopia 0.001% of the population

Trichromacy

#6d56c5 Protanomaly 1% of men, 0.01% of women
#90579e Deuteranomaly 6% of men, 0.4% of women
#c63f72 Tritanomaly 0.01% of the population

#ca22a5 hex color

#ca22a5 Color Information

#ca22a5 Color Conversion

Color Schemes with #ca22a5

Alternatives to #ca22a5

#ca22a5 Preview

Shades and Tints of #ca22a5

Tones of #ca22a5

Color Blindness Simulator