#ca22e4 hex color

In a RGB color space, hex #ca22e4 is composed of 79.2% red, 13.3% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 11.4% cyan, 85.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 292 degrees, a saturation of 78.2% and a lightness of 51.4%. #ca22e4 color hex could be obtained by blending #ff44ff with #9500c9. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 79
- G 13
- B 89
RGB color chart
- C 11
- M 85
- Y 0
- K 11
CMYK color chart

● #ca22e4 color description : Vivid magenta.

The hexadecimal color #ca22e4 has RGB values of R:202, G:34, B:228 and CMYK values of C:0.11, M:0.85, Y:0, K:0.11. Its decimal value is 13247204.

Hex triplet	ca22e4	`#ca22e4`
RGB Decimal	202, 34, 228	`rgb(202,34,228)`
RGB Percent	79.2, 13.3, 89.4	`rgb(79.2%,13.3%,89.4%)`
CMYK	11, 85, 0, 11
HSL	292°, 78.2, 51.4	`hsl(292,78.2%,51.4%)`
HSV (or HSB)	292°, 85.1, 89.4
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	51.041, 82.357, -61.096
XYZ	38.931, 19.304, 75.07
xyY	0.292, 0.145, 19.304
CIE-LCH	51.041, 102.545, 323.43
CIE-LUV	51.041, 55.341, -102.558
Hunter-Lab	43.937, 81.277, -70.547
Binary	11001010, 00100010, 11100100

#ca22e4
```
#ca22e4 rgb(202,34,228)
```
#3ce422
```
#3ce422 rgb(60,228,34)
```

Complementary Color

#6922e4
```
#6922e4 rgb(105,34,228)
```
#ca22e4
```
#ca22e4 rgb(202,34,228)
```
#e4229d
```
#e4229d rgb(228,34,157)
```

Analogous Color

#22e469
```
#22e469 rgb(34,228,105)
```
#ca22e4
```
#ca22e4 rgb(202,34,228)
```
#9de422
```
#9de422 rgb(157,228,34)
```

Split Complementary Color

#22e4ca
```
#22e4ca rgb(34,228,202)
```
#ca22e4
```
#ca22e4 rgb(202,34,228)
```
#e4ca22
```
#e4ca22 rgb(228,202,34)
```

Triadic Color

#223ce4
```
#223ce4 rgb(34,60,228)
```
#ca22e4
```
#ca22e4 rgb(202,34,228)
```
#e4ca22
```
#e4ca22 rgb(228,202,34)
```
#3ce422
```
#3ce422 rgb(60,228,34)
```

Tetradic Color

#9214a5
```
#9214a5 rgb(146,20,165)
```
#a617bc
```
#a617bc rgb(166,23,188)
```
#ba1ad3
```
#ba1ad3 rgb(186,26,211)
```
#ca22e4
```
#ca22e4 rgb(202,34,228)
```
#cf39e7
```
#cf39e7 rgb(207,57,231)
```
#d54fea
```
#d54fea rgb(213,79,234)
```
#da66ec
```
#da66ec rgb(218,102,236)
```

Monochromatic Color

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

#9a22e4
```
#9a22e4 rgb(154,34,228)
```
#aa22e4
```
#aa22e4 rgb(170,34,228)
```
#ba22e4
```
#ba22e4 rgb(186,34,228)
```
#ca22e4
```
#ca22e4 rgb(202,34,228)
```
#da22e4
```
#da22e4 rgb(218,34,228)
```
#e422de
```
#e422de rgb(228,34,222)
```
#e422ce
```
#e422ce rgb(228,34,206)
```

Similar Colors

Text with hexadecimal color #ca22e4

This text has a font color of #ca22e4.

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

#ca22e4 background color

This paragraph has a background color of #ca22e4.

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

#ca22e4 border color

This element has a border color of #ca22e4.

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

CSS codes

.text {color:#ca22e4;}

.background {background-color:#ca22e4;}

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

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

#060106
```
#060106 rgb(6,1,6)
```
#150318
```
#150318 rgb(21,3,24)
```
#240529
```
#240529 rgb(36,5,41)
```
#34073b
```
#34073b rgb(52,7,59)
```
#43094c
```
#43094c rgb(67,9,76)
```
#530b5e
```
#530b5e rgb(83,11,94)
```
#620e6f
```
#620e6f rgb(98,14,111)
```
#711081
```
#711081 rgb(113,16,129)
```
#811292
```
#811292 rgb(129,18,146)
```
#9014a4
```
#9014a4 rgb(144,20,164)
```
#a016b5
```
#a016b5 rgb(160,22,181)
```
#af18c7
```
#af18c7 rgb(175,24,199)
```
#bf1ad8
```
#bf1ad8 rgb(191,26,216)
```

Shade Color Variation

#ca22e4
```
#ca22e4 rgb(202,34,228)
```
#ce33e6
```
#ce33e6 rgb(206,51,230)
```
#d245e8
```
#d245e8 rgb(210,69,232)
```
#d756ea
```
#d756ea rgb(215,86,234)
```
#db68ed
```
#db68ed rgb(219,104,237)
```
#df79ef
```
#df79ef rgb(223,121,239)
```
#e38bf1
```
#e38bf1 rgb(227,139,241)
```
#e79cf3
```
#e79cf3 rgb(231,156,243)
```
#ecaef5
```
#ecaef5 rgb(236,174,245)
```
#f0bff7
```
#f0bff7 rgb(240,191,247)
```
#f4d1f9
```
#f4d1f9 rgb(244,209,249)
```
#f8e2fb
```
#f8e2fb rgb(248,226,251)
```
#fcf4fe
```
#fcf4fe rgb(252,244,254)
```

Tint Color Variation

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

#848185
```
#848185 rgb(132,129,133)
```
#8b788e
```
#8b788e rgb(139,120,142)
```
#926e98
```
#926e98 rgb(146,110,152)
```
#9965a1
```
#9965a1 rgb(153,101,161)
```
#a05bab
```
#a05bab rgb(160,91,171)
```
#a752b4
```
#a752b4 rgb(167,82,180)
```
#ae48be
```
#ae48be rgb(174,72,190)
```
#b53fc7
```
#b53fc7 rgb(181,63,199)
```
#bc35d1
```
#bc35d1 rgb(188,53,209)
```
#c32cda
```
#c32cda rgb(195,44,218)
```
#ca22e4
```
#ca22e4 rgb(202,34,228)
```
#d118ee
```
#d118ee rgb(209,24,238)
```
#d80ff7
```
#d80ff7 rgb(216,15,247)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#7d5c82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf3 Protanopia 1% of men
#3c81d1 Deuteranopia 1% of men
#bb676e Tritanopia 0.001% of the population

Trichromacy

#495bed Protanomaly 1% of men, 0.01% of women
#6f5ed7 Deuteranomaly 6% of men, 0.4% of women
#c04e98 Tritanomaly 0.01% of the population

#ca22e4 hex color

#ca22e4 Color Information

#ca22e4 Color Conversion

Color Schemes with #ca22e4

Alternatives to #ca22e4

#ca22e4 Preview

Shades and Tints of #ca22e4

Tones of #ca22e4

Color Blindness Simulator