#ca21e6 hex color

In a RGB color space, hex #ca21e6 is composed of 79.2% red, 12.9% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 12.2% cyan, 85.7% magenta, 0% yellow and 9.8% black. It has a hue angle of 291.5 degrees, a saturation of 79.8% and a lightness of 51.6%. #ca21e6 color hex could be obtained by blending #ff42ff with #9500cd. Closest websafe color is: #cc33ff.

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

● #ca21e6 color description : Vivid magenta.

The hexadecimal color #ca21e6 has RGB values of R:202, G:33, B:230 and CMYK values of C:0.12, M:0.86, Y:0, K:0.1. Its decimal value is 13246950.

Hex triplet	ca21e6	`#ca21e6`
RGB Decimal	202, 33, 230	`rgb(202,33,230)`
RGB Percent	79.2, 12.9, 90.2	`rgb(79.2%,12.9%,90.2%)`
CMYK	12, 86, 0, 10
HSL	291.5°, 79.8, 51.6	`hsl(291.5,79.8%,51.6%)`
HSV (or HSB)	291.5°, 85.7, 90.2
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	51.105, 82.877, -62.125
XYZ	39.182, 19.36, 76.532
xyY	0.29, 0.143, 19.36
CIE-LCH	51.105, 103.577, 323.145
CIE-LUV	51.105, 54.777, -104.132
Hunter-Lab	43.999, 81.959, -72.328
Binary	11001010, 00100001, 11100110

#ca21e6
```
#ca21e6 rgb(202,33,230)
```
#3de621
```
#3de621 rgb(61,230,33)
```

Complementary Color

#6821e6
```
#6821e6 rgb(104,33,230)
```
#ca21e6
```
#ca21e6 rgb(202,33,230)
```
#e621a0
```
#e621a0 rgb(230,33,160)
```

Analogous Color

#21e668
```
#21e668 rgb(33,230,104)
```
#ca21e6
```
#ca21e6 rgb(202,33,230)
```
#a0e621
```
#a0e621 rgb(160,230,33)
```

Split Complementary Color

#21e6ca
```
#21e6ca rgb(33,230,202)
```
#ca21e6
```
#ca21e6 rgb(202,33,230)
```
#e6ca21
```
#e6ca21 rgb(230,202,33)
```

Triadic Color

#213de6
```
#213de6 rgb(33,61,230)
```
#ca21e6
```
#ca21e6 rgb(202,33,230)
```
#e6ca21
```
#e6ca21 rgb(230,202,33)
```
#3de621
```
#3de621 rgb(61,230,33)
```

Tetradic Color

#9213a8
```
#9213a8 rgb(146,19,168)
```
#a715bf
```
#a715bf rgb(167,21,191)
```
#bb18d5
```
#bb18d5 rgb(187,24,213)
```
#ca21e6
```
#ca21e6 rgb(202,33,230)
```
#cf38e9
```
#cf38e9 rgb(207,56,233)
```
#d54feb
```
#d54feb rgb(213,79,235)
```
#da66ee
```
#da66ee rgb(218,102,238)
```

Monochromatic Color

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

#9921e6
```
#9921e6 rgb(153,33,230)
```
#a921e6
```
#a921e6 rgb(169,33,230)
```
#ba21e6
```
#ba21e6 rgb(186,33,230)
```
#ca21e6
```
#ca21e6 rgb(202,33,230)
```
#da21e6
```
#da21e6 rgb(218,33,230)
```
#e621e1
```
#e621e1 rgb(230,33,225)
```
#e621d1
```
#e621d1 rgb(230,33,209)
```

Similar Colors

Text with hexadecimal color #ca21e6

This text has a font color of #ca21e6.

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

#ca21e6 background color

This paragraph has a background color of #ca21e6.

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

#ca21e6 border color

This element has a border color of #ca21e6.

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

CSS codes

.text {color:#ca21e6;}

.background {background-color:#ca21e6;}

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

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

#060107
```
#060107 rgb(6,1,7)
```
#160319
```
#160319 rgb(22,3,25)
```
#25052a
```
#25052a rgb(37,5,42)
```
#35073c
```
#35073c rgb(53,7,60)
```
#44094e
```
#44094e rgb(68,9,78)
```
#530b5f
```
#530b5f rgb(83,11,95)
```
#630d71
```
#630d71 rgb(99,13,113)
```
#720f83
```
#720f83 rgb(114,15,131)
```
#821194
```
#821194 rgb(130,17,148)
```
#9113a6
```
#9113a6 rgb(145,19,166)
```
#a015b7
```
#a015b7 rgb(160,21,183)
```
#b017c9
```
#b017c9 rgb(176,23,201)
```
#bf19db
```
#bf19db rgb(191,25,219)
```

Shade Color Variation

#ca21e6
```
#ca21e6 rgb(202,33,230)
```
#ce33e8
```
#ce33e8 rgb(206,51,232)
```
#d244ea
```
#d244ea rgb(210,68,234)
```
#d756ec
```
#d756ec rgb(215,86,236)
```
#db68ee
```
#db68ee rgb(219,104,238)
```
#df79f0
```
#df79f0 rgb(223,121,240)
```
#e38bf2
```
#e38bf2 rgb(227,139,242)
```
#e79cf4
```
#e79cf4 rgb(231,156,244)
```
#ecaef6
```
#ecaef6 rgb(236,174,246)
```
#f0c0f8
```
#f0c0f8 rgb(240,192,248)
```
#f4d1fa
```
#f4d1fa rgb(244,209,250)
```
#f8e3fc
```
#f8e3fc rgb(248,227,252)
```
#fdf5fe
```
#fdf5fe rgb(253,245,254)
```

Tint Color Variation

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

#868087
```
#868087 rgb(134,128,135)
```
#8d7791
```
#8d7791 rgb(141,119,145)
```
#946d9a
```
#946d9a rgb(148,109,154)
```
#9a64a4
```
#9a64a4 rgb(154,100,164)
```
#a15aad
```
#a15aad rgb(161,90,173)
```
#a851b7
```
#a851b7 rgb(168,81,183)
```
#af47c0
```
#af47c0 rgb(175,71,192)
```
#b63eca
```
#b63eca rgb(182,62,202)
```
#bc34d3
```
#bc34d3 rgb(188,52,211)
```
#c32bdd
```
#c32bdd rgb(195,43,221)
```
#ca21e6
```
#ca21e6 rgb(202,33,230)
```
#d118f0
```
#d118f0 rgb(209,24,240)
```
#d80ef9
```
#d80ef9 rgb(216,14,249)
```

Tone Color Variation

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

Dichromacy

#007cf3 Protanopia 1% of men
#3882d2 Deuteranopia 1% of men
#bb676e Tritanopia 0.001% of the population

Trichromacy

#495bee Protanomaly 1% of men, 0.01% of women
#6d5ed9 Deuteranomaly 6% of men, 0.4% of women
#c04e9a Tritanomaly 0.01% of the population

#ca21e6 hex color

#ca21e6 Color Information

#ca21e6 Color Conversion

Color Schemes with #ca21e6

Alternatives to #ca21e6

#ca21e6 Preview

Shades and Tints of #ca21e6

Tones of #ca21e6

Color Blindness Simulator