#ca22fb hex color

In a RGB color space, hex #ca22fb is composed of 79.2% red, 13.3% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 19.5% cyan, 86.5% magenta, 0% yellow and 1.6% black. It has a hue angle of 286.5 degrees, a saturation of 96.4% and a lightness of 55.9%. #ca22fb color hex could be obtained by blending #ff44ff with #9500f7. Closest websafe color is: #cc33ff.

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

● #ca22fb color description : Vivid magenta.

The hexadecimal color #ca22fb has RGB values of R:202, G:34, B:251 and CMYK values of C:0.2, M:0.86, Y:0, K:0.02. Its decimal value is 13247227.

Hex triplet	ca22fb	`#ca22fb`
RGB Decimal	202, 34, 251	`rgb(202,34,251)`
RGB Percent	79.2, 13.3, 98.4	`rgb(79.2%,13.3%,98.4%)`
CMYK	20, 86, 0, 2
HSL	286.5°, 96.4, 55.9	`hsl(286.5,96.4%,55.9%)`
HSV (or HSB)	286.5°, 86.5, 98.4
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	52.584, 86.243, -71.526
XYZ	42.34, 20.667, 93.02
xyY	0.271, 0.132, 20.667
CIE-LCH	52.584, 112.044, 320.329
CIE-LUV	52.584, 48.112, -118.772
Hunter-Lab	45.462, 86.685, -89.492
Binary	11001010, 00100010, 11111011

#ca22fb
```
#ca22fb rgb(202,34,251)
```
#53fb22
```
#53fb22 rgb(83,251,34)
```

Complementary Color

#5d22fb
```
#5d22fb rgb(93,34,251)
```
#ca22fb
```
#ca22fb rgb(202,34,251)
```
#fb22c0
```
#fb22c0 rgb(251,34,192)
```

Analogous Color

#22fb5e
```
#22fb5e rgb(34,251,94)
```
#ca22fb
```
#ca22fb rgb(202,34,251)
```
#c0fb22
```
#c0fb22 rgb(192,251,34)
```

Split Complementary Color

#22fbca
```
#22fbca rgb(34,251,202)
```
#ca22fb
```
#ca22fb rgb(202,34,251)
```
#fbca22
```
#fbca22 rgb(251,202,34)
```

Triadic Color

#2253fb
```
#2253fb rgb(34,83,251)
```
#ca22fb
```
#ca22fb rgb(202,34,251)
```
#fbca22
```
#fbca22 rgb(251,202,34)
```
#53fb22
```
#53fb22 rgb(83,251,34)
```

Tetradic Color

#9f04cd
```
#9f04cd rgb(159,4,205)
```
#b304e6
```
#b304e6 rgb(179,4,230)
```
#c409fb
```
#c409fb rgb(196,9,251)
```
#ca22fb
```
#ca22fb rgb(202,34,251)
```
#d03bfb
```
#d03bfb rgb(208,59,251)
```
#d654fc
```
#d654fc rgb(214,84,252)
```
#dc6dfc
```
#dc6dfc rgb(220,109,252)
```

Monochromatic Color

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

#9422fb
```
#9422fb rgb(148,34,251)
```
#a622fb
```
#a622fb rgb(166,34,251)
```
#b822fb
```
#b822fb rgb(184,34,251)
```
#ca22fb
```
#ca22fb rgb(202,34,251)
```
#dc22fb
```
#dc22fb rgb(220,34,251)
```
#ee22fb
```
#ee22fb rgb(238,34,251)
```
#fb22f6
```
#fb22f6 rgb(251,34,246)
```

Similar Colors

Text with hexadecimal color #ca22fb

This text has a font color of #ca22fb.

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

#ca22fb background color

This paragraph has a background color of #ca22fb.

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

#ca22fb border color

This element has a border color of #ca22fb.

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

CSS codes

.text {color:#ca22fb;}

.background {background-color:#ca22fb;}

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

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, #08000a is the darkest color, while #fdf6ff is the lightest one.

#08000a
```
#08000a rgb(8,0,10)
```
#17011d
```
#17011d rgb(23,1,29)
```
#260131
```
#260131 rgb(38,1,49)
```
#350144
```
#350144 rgb(53,1,68)
```
#440257
```
#440257 rgb(68,2,87)
```
#53026b
```
#53026b rgb(83,2,107)
```
#62027e
```
#62027e rgb(98,2,126)
```
#710391
```
#710391 rgb(113,3,145)
```
#8003a4
```
#8003a4 rgb(128,3,164)
```
#8f03b8
```
#8f03b8 rgb(143,3,184)
```
#9e04cb
```
#9e04cb rgb(158,4,203)
```
#ad04de
```
#ad04de rgb(173,4,222)
```
#bc04f1
```
#bc04f1 rgb(188,4,241)
```

Shade Color Variation

#c50ffb
```
#c50ffb rgb(197,15,251)
```
#ca22fb
```
#ca22fb rgb(202,34,251)
```
#cf35fb
```
#cf35fb rgb(207,53,251)
```
#d349fc
```
#d349fc rgb(211,73,252)
```
#d85cfc
```
#d85cfc rgb(216,92,252)
```
#dc6ffc
```
#dc6ffc rgb(220,111,252)
```
#e182fd
```
#e182fd rgb(225,130,253)
```
#e696fd
```
#e696fd rgb(230,150,253)
```
#eaa9fd
```
#eaa9fd rgb(234,169,253)
```
#efbcfe
```
#efbcfe rgb(239,188,254)
```
#f4cffe
```
#f4cffe rgb(244,207,254)
```
#f8e3fe
```
#f8e3fe rgb(248,227,254)
```
#fdf6ff
```
#fdf6ff rgb(253,246,255)
```

Tint Color Variation

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

#918a93
```
#918a93 rgb(145,138,147)
```
#96819c
```
#96819c rgb(150,129,156)
```
#9b79a4
```
#9b79a4 rgb(155,121,164)
```
#9f70ad
```
#9f70ad rgb(159,112,173)
```
#a467b6
```
#a467b6 rgb(164,103,182)
```
#a95fbe
```
#a95fbe rgb(169,95,190)
```
#ae56c7
```
#ae56c7 rgb(174,86,199)
```
#b24dd0
```
#b24dd0 rgb(178,77,208)
```
#b745d8
```
#b745d8 rgb(183,69,216)
```
#bc3ce1
```
#bc3ce1 rgb(188,60,225)
```
#c133ea
```
#c133ea rgb(193,51,234)
```
#c52bf2
```
#c52bf2 rgb(197,43,242)
```
#ca22fb
```
#ca22fb rgb(202,34,251)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#805e89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fa Protanopia 1% of men
#0086df Deuteranopia 1% of men
#b67077 Tritanopia 0.001% of the population

Trichromacy

#495efa Protanomaly 1% of men, 0.01% of women
#4961e9 Deuteranomaly 6% of men, 0.4% of women
#bd53a7 Tritanomaly 0.01% of the population

#ca22fb hex color

#ca22fb Color Information

#ca22fb Color Conversion

Color Schemes with #ca22fb

Alternatives to #ca22fb

#ca22fb Preview

Shades and Tints of #ca22fb

Tones of #ca22fb

Color Blindness Simulator