#ca22ec hex color

In a RGB color space, hex #ca22ec is composed of 79.2% red, 13.3% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 14.4% cyan, 85.6% magenta, 0% yellow and 7.5% black. It has a hue angle of 289.9 degrees, a saturation of 84.2% and a lightness of 52.9%. #ca22ec color hex could be obtained by blending #ff44ff with #9500d9. Closest websafe color is: #cc33ff.

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

● #ca22ec color description : Vivid magenta.

The hexadecimal color #ca22ec has RGB values of R:202, G:34, B:236 and CMYK values of C:0.14, M:0.86, Y:0, K:0.07. Its decimal value is 13247212.

Hex triplet	ca22ec	`#ca22ec`
RGB Decimal	202, 34, 236	`rgb(202,34,236)`
RGB Percent	79.2, 13.3, 92.5	`rgb(79.2%,13.3%,92.5%)`
CMYK	14, 86, 0, 7
HSL	289.9°, 84.2, 52.9	`hsl(289.9,84.2%,52.9%)`
HSV (or HSB)	289.9°, 85.6, 92.5
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	51.563, 83.685, -64.772
XYZ	40.068, 19.759, 81.056
xyY	0.284, 0.14, 19.759
CIE-LCH	51.563, 105.823, 322.26
CIE-LUV	51.563, 52.736, -108.279
Hunter-Lab	44.451, 83.11, -76.999
Binary	11001010, 00100010, 11101100

#ca22ec
```
#ca22ec rgb(202,34,236)
```
#44ec22
```
#44ec22 rgb(68,236,34)
```

Complementary Color

#6522ec
```
#6522ec rgb(101,34,236)
```
#ca22ec
```
#ca22ec rgb(202,34,236)
```
#ec22a9
```
#ec22a9 rgb(236,34,169)
```

Analogous Color

#22ec65
```
#22ec65 rgb(34,236,101)
```
#ca22ec
```
#ca22ec rgb(202,34,236)
```
#a9ec22
```
#a9ec22 rgb(169,236,34)
```

Split Complementary Color

#22ecca
```
#22ecca rgb(34,236,202)
```
#ca22ec
```
#ca22ec rgb(202,34,236)
```
#ecca22
```
#ecca22 rgb(236,202,34)
```

Triadic Color

#2244ec
```
#2244ec rgb(34,68,236)
```
#ca22ec
```
#ca22ec rgb(202,34,236)
```
#ecca22
```
#ecca22 rgb(236,202,34)
```
#44ec22
```
#44ec22 rgb(68,236,34)
```

Tetradic Color

#970fb2
```
#970fb2 rgb(151,15,178)
```
#ab11ca
```
#ab11ca rgb(171,17,202)
```
#bf13e1
```
#bf13e1 rgb(191,19,225)
```
#ca22ec
```
#ca22ec rgb(202,34,236)
```
#d039ee
```
#d039ee rgb(208,57,238)
```
#d551f0
```
#d551f0 rgb(213,81,240)
```
#db68f2
```
#db68f2 rgb(219,104,242)
```

Monochromatic Color

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

#9822ec
```
#9822ec rgb(152,34,236)
```
#a822ec
```
#a822ec rgb(168,34,236)
```
#b922ec
```
#b922ec rgb(185,34,236)
```
#ca22ec
```
#ca22ec rgb(202,34,236)
```
#db22ec
```
#db22ec rgb(219,34,236)
```
#ec22ec
```
#ec22ec rgb(236,34,236)
```
#ec22dc
```
#ec22dc rgb(236,34,220)
```

Similar Colors

Text with hexadecimal color #ca22ec

This text has a font color of #ca22ec.

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

#ca22ec background color

This paragraph has a background color of #ca22ec.

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

#ca22ec border color

This element has a border color of #ca22ec.

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

CSS codes

.text {color:#ca22ec;}

.background {background-color:#ca22ec;}

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

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, #0c010e is the darkest color, while #fefbff is the lightest one.

#0c010e
```
#0c010e rgb(12,1,14)
```
#1b0320
```
#1b0320 rgb(27,3,32)
```
#2a0432
```
#2a0432 rgb(42,4,50)
```
#3a0644
```
#3a0644 rgb(58,6,68)
```
#490756
```
#490756 rgb(73,7,86)
```
#580968
```
#580968 rgb(88,9,104)
```
#670b7a
```
#670b7a rgb(103,11,122)
```
#770c8c
```
#770c8c rgb(119,12,140)
```
#860e9e
```
#860e9e rgb(134,14,158)
```
#950fb0
```
#950fb0 rgb(149,15,176)
```
#a511c2
```
#a511c2 rgb(165,17,194)
```
#b412d5
```
#b412d5 rgb(180,18,213)
```
#c314e7
```
#c314e7 rgb(195,20,231)
```

Shade Color Variation

#ca22ec
```
#ca22ec rgb(202,34,236)
```
#ce34ee
```
#ce34ee rgb(206,52,238)
```
#d346ef
```
#d346ef rgb(211,70,239)
```
#d758f1
```
#d758f1 rgb(215,88,241)
```
#db6af2
```
#db6af2 rgb(219,106,242)
```
#e07cf4
```
#e07cf4 rgb(224,124,244)
```
#e48ef5
```
#e48ef5 rgb(228,142,245)
```
#e8a0f7
```
#e8a0f7 rgb(232,160,247)
```
#edb3f8
```
#edb3f8 rgb(237,179,248)
```
#f1c5fa
```
#f1c5fa rgb(241,197,250)
```
#f5d7fc
```
#f5d7fc rgb(245,215,252)
```
#fae9fd
```
#fae9fd rgb(250,233,253)
```
#fefbff
```
#fefbff rgb(254,251,255)
```

Tint Color Variation

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

#8d7e90
```
#8d7e90 rgb(141,126,144)
```
#937599
```
#937599 rgb(147,117,153)
```
#996ca2
```
#996ca2 rgb(153,108,162)
```
#9f63ab
```
#9f63ab rgb(159,99,171)
```
#a559b5
```
#a559b5 rgb(165,89,181)
```
#ab50be
```
#ab50be rgb(171,80,190)
```
#b247c7
```
#b247c7 rgb(178,71,199)
```
#b83ed0
```
#b83ed0 rgb(184,62,208)
```
#be34da
```
#be34da rgb(190,52,218)
```
#c42be3
```
#c42be3 rgb(196,43,227)
```
#ca22ec
```
#ca22ec rgb(202,34,236)
```
#d019f5
```
#d019f5 rgb(208,25,245)
```
#d610fe
```
#d610fe rgb(214,16,254)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7e5c85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df5 Protanopia 1% of men
#2d83d7 Deuteranopia 1% of men
#b96a71 Tritanopia 0.001% of the population

Trichromacy

#495cf2 Protanomaly 1% of men, 0.01% of women
#6660df Deuteranomaly 6% of men, 0.4% of women
#bf509d Tritanomaly 0.01% of the population

#ca22ec hex color

#ca22ec Color Information

#ca22ec Color Conversion

Color Schemes with #ca22ec

Alternatives to #ca22ec

#ca22ec Preview

Shades and Tints of #ca22ec

Tones of #ca22ec

Color Blindness Simulator