#ca21e4 hex color

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

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

● #ca21e4 color description : Vivid magenta.

The hexadecimal color #ca21e4 has RGB values of R:202, G:33, B:228 and CMYK values of C:0.11, M:0.86, Y:0, K:0.11. Its decimal value is 13246948.

Hex triplet	ca21e4	`#ca21e4`
RGB Decimal	202, 33, 228	`rgb(202,33,228)`
RGB Percent	79.2, 12.9, 89.4	`rgb(79.2%,12.9%,89.4%)`
CMYK	11, 86, 0, 11
HSL	292°, 78.3, 51.2	`hsl(292,78.3%,51.2%)`
HSV (or HSB)	292°, 85.5, 89.4
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	50.976, 82.549, -61.202
XYZ	38.903, 19.248, 75.061
xyY	0.292, 0.144, 19.248
CIE-LCH	50.976, 102.761, 323.447
CIE-LUV	50.976, 55.439, -102.696
Hunter-Lab	43.872, 81.506, -70.728
Binary	11001010, 00100001, 11100100

#ca21e4
```
#ca21e4 rgb(202,33,228)
```
#3be421
```
#3be421 rgb(59,228,33)
```

Complementary Color

#6921e4
```
#6921e4 rgb(105,33,228)
```
#ca21e4
```
#ca21e4 rgb(202,33,228)
```
#e4219d
```
#e4219d rgb(228,33,157)
```

Analogous Color

#21e469
```
#21e469 rgb(33,228,105)
```
#ca21e4
```
#ca21e4 rgb(202,33,228)
```
#9de421
```
#9de421 rgb(157,228,33)
```

Split Complementary Color

#21e4ca
```
#21e4ca rgb(33,228,202)
```
#ca21e4
```
#ca21e4 rgb(202,33,228)
```
#e4ca21
```
#e4ca21 rgb(228,202,33)
```

Triadic Color

#213be4
```
#213be4 rgb(33,59,228)
```
#ca21e4
```
#ca21e4 rgb(202,33,228)
```
#e4ca21
```
#e4ca21 rgb(228,202,33)
```
#3be421
```
#3be421 rgb(59,228,33)
```

Tetradic Color

#9114a4
```
#9114a4 rgb(145,20,164)
```
#a517bb
```
#a517bb rgb(165,23,187)
```
#b91ad2
```
#b91ad2 rgb(185,26,210)
```
#ca21e4
```
#ca21e4 rgb(202,33,228)
```
#cf38e7
```
#cf38e7 rgb(207,56,231)
```
#d54eea
```
#d54eea rgb(213,78,234)
```
#da65ec
```
#da65ec rgb(218,101,236)
```

Monochromatic Color

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

#9921e4
```
#9921e4 rgb(153,33,228)
```
#aa21e4
```
#aa21e4 rgb(170,33,228)
```
#ba21e4
```
#ba21e4 rgb(186,33,228)
```
#ca21e4
```
#ca21e4 rgb(202,33,228)
```
#da21e4
```
#da21e4 rgb(218,33,228)
```
#e421de
```
#e421de rgb(228,33,222)
```
#e421cd
```
#e421cd rgb(228,33,205)
```

Similar Colors

Text with hexadecimal color #ca21e4

This text has a font color of #ca21e4.

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

#ca21e4 background color

This paragraph has a background color of #ca21e4.

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

#ca21e4 border color

This element has a border color of #ca21e4.

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

CSS codes

.text {color:#ca21e4;}

.background {background-color:#ca21e4;}

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

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

#050105
```
#050105 rgb(5,1,5)
```
#140317
```
#140317 rgb(20,3,23)
```
#240528
```
#240528 rgb(36,5,40)
```
#33073a
```
#33073a rgb(51,7,58)
```
#42094b
```
#42094b rgb(66,9,75)
```
#520b5d
```
#520b5d rgb(82,11,93)
```
#610d6e
```
#610d6e rgb(97,13,110)
```
#711080
```
#711080 rgb(113,16,128)
```
#801291
```
#801291 rgb(128,18,145)
```
#9014a3
```
#9014a3 rgb(144,20,163)
```
#9f16b4
```
#9f16b4 rgb(159,22,180)
```
#af18c6
```
#af18c6 rgb(175,24,198)
```
#be1ad7
```
#be1ad7 rgb(190,26,215)
```

Shade Color Variation

#ca21e4
```
#ca21e4 rgb(202,33,228)
```
#ce32e6
```
#ce32e6 rgb(206,50,230)
```
#d244e8
```
#d244e8 rgb(210,68,232)
```
#d755ea
```
#d755ea rgb(215,85,234)
```
#db67ed
```
#db67ed rgb(219,103,237)
```
#df78ef
```
#df78ef rgb(223,120,239)
```
#e38af1
```
#e38af1 rgb(227,138,241)
```
#e79bf3
```
#e79bf3 rgb(231,155,243)
```
#ebadf5
```
#ebadf5 rgb(235,173,245)
```
#f0bef7
```
#f0bef7 rgb(240,190,247)
```
#f4d0f9
```
#f4d0f9 rgb(244,208,249)
```
#f8e1fb
```
#f8e1fb rgb(248,225,251)
```
#fcf3fe
```
#fcf3fe rgb(252,243,254)
```

Tint Color Variation

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

#848184
```
#848184 rgb(132,129,132)
```
#8b778e
```
#8b778e rgb(139,119,142)
```
#926e97
```
#926e97 rgb(146,110,151)
```
#9964a1
```
#9964a1 rgb(153,100,161)
```
#a05aab
```
#a05aab rgb(160,90,171)
```
#a751b4
```
#a751b4 rgb(167,81,180)
```
#ae47be
```
#ae47be rgb(174,71,190)
```
#b53ec7
```
#b53ec7 rgb(181,62,199)
```
#bc34d1
```
#bc34d1 rgb(188,52,209)
```
#c32bda
```
#c32bda rgb(195,43,218)
```
#ca21e4
```
#ca21e4 rgb(202,33,228)
```
#d117ee
```
#d117ee rgb(209,23,238)
```
#d80ef7
```
#d80ef7 rgb(216,14,247)
```

Tone Color Variation

Below, you can see how #ca21e4 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
#7d5b82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf3 Protanopia 1% of men
#3b81d1 Deuteranopia 1% of men
#bb676d 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
#c04d98 Tritanomaly 0.01% of the population

#ca21e4 hex color

#ca21e4 Color Information

#ca21e4 Color Conversion

Color Schemes with #ca21e4

Alternatives to #ca21e4

#ca21e4 Preview

Shades and Tints of #ca21e4

Tones of #ca21e4

Color Blindness Simulator