#ca22fc hex color

In a RGB color space, hex #ca22fc is composed of 79.2% red, 13.3% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 19.8% cyan, 86.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 286.2 degrees, a saturation of 97.3% and a lightness of 56.1%. #ca22fc color hex could be obtained by blending #ff44ff with #9500f9. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 79
- G 13
- B 99
RGB color chart
- C 20
- M 87
- Y 0
- K 1
CMYK color chart

● #ca22fc color description : Vivid magenta.

The hexadecimal color #ca22fc has RGB values of R:202, G:34, B:252 and CMYK values of C:0.2, M:0.87, Y:0, K:0.01. Its decimal value is 13247228.

Hex triplet	ca22fc	`#ca22fc`
RGB Decimal	202, 34, 252	`rgb(202,34,252)`
RGB Percent	79.2, 13.3, 98.8	`rgb(79.2%,13.3%,98.8%)`
CMYK	20, 87, 0, 1
HSL	286.2°, 97.3, 56.1	`hsl(286.2,97.3%,56.1%)`
HSV (or HSB)	286.2°, 86.5, 98.8
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	52.654, 86.416, -71.97
XYZ	42.498, 20.731, 93.853
xyY	0.271, 0.132, 20.731
CIE-LCH	52.654, 112.461, 320.211
CIE-LUV	52.654, 47.815, -119.46
Hunter-Lab	45.531, 86.929, -90.343
Binary	11001010, 00100010, 11111100

#ca22fc
```
#ca22fc rgb(202,34,252)
```
#54fc22
```
#54fc22 rgb(84,252,34)
```

Complementary Color

#5d22fc
```
#5d22fc rgb(93,34,252)
```
#ca22fc
```
#ca22fc rgb(202,34,252)
```
#fc22c1
```
#fc22c1 rgb(252,34,193)
```

Analogous Color

#22fc5d
```
#22fc5d rgb(34,252,93)
```
#ca22fc
```
#ca22fc rgb(202,34,252)
```
#c1fc22
```
#c1fc22 rgb(193,252,34)
```

Split Complementary Color

#22fcca
```
#22fcca rgb(34,252,202)
```
#ca22fc
```
#ca22fc rgb(202,34,252)
```
#fcca22
```
#fcca22 rgb(252,202,34)
```

Triadic Color

#2254fc
```
#2254fc rgb(34,84,252)
```
#ca22fc
```
#ca22fc rgb(202,34,252)
```
#fcca22
```
#fcca22 rgb(252,202,34)
```
#54fc22
```
#54fc22 rgb(84,252,34)
```

Tetradic Color

#a003cf
```
#a003cf rgb(160,3,207)
```
#b303e8
```
#b303e8 rgb(179,3,232)
```
#c409fc
```
#c409fc rgb(196,9,252)
```
#ca22fc
```
#ca22fc rgb(202,34,252)
```
#d03bfc
```
#d03bfc rgb(208,59,252)
```
#d654fd
```
#d654fd rgb(214,84,253)
```
#dc6dfd
```
#dc6dfd rgb(220,109,253)
```

Monochromatic Color

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

#9422fc
```
#9422fc rgb(148,34,252)
```
#a622fc
```
#a622fc rgb(166,34,252)
```
#b822fc
```
#b822fc rgb(184,34,252)
```
#ca22fc
```
#ca22fc rgb(202,34,252)
```
#dc22fc
```
#dc22fc rgb(220,34,252)
```
#ee22fc
```
#ee22fc rgb(238,34,252)
```
#fc22f8
```
#fc22f8 rgb(252,34,248)
```

Similar Colors

Text with hexadecimal color #ca22fc

This text has a font color of #ca22fc.

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

#ca22fc background color

This paragraph has a background color of #ca22fc.

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

#ca22fc border color

This element has a border color of #ca22fc.

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

CSS codes

.text {color:#ca22fc;}

.background {background-color:#ca22fc;}

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

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, #09000b is the darkest color, while #fdf7ff is the lightest one.

#09000b
```
#09000b rgb(9,0,11)
```
#18001f
```
#18001f rgb(24,0,31)
```
#270132
```
#270132 rgb(39,1,50)
```
#360145
```
#360145 rgb(54,1,69)
```
#450159
```
#450159 rgb(69,1,89)
```
#54016c
```
#54016c rgb(84,1,108)
```
#63027f
```
#63027f rgb(99,2,127)
```
#720293
```
#720293 rgb(114,2,147)
```
#8002a6
```
#8002a6 rgb(128,2,166)
```
#8f03b9
```
#8f03b9 rgb(143,3,185)
```
#9e03cd
```
#9e03cd rgb(158,3,205)
```
#ad03e0
```
#ad03e0 rgb(173,3,224)
```
#bc03f3
```
#bc03f3 rgb(188,3,243)
```

Shade Color Variation

#c50ffc
```
#c50ffc rgb(197,15,252)
```
#ca22fc
```
#ca22fc rgb(202,34,252)
```
#cf35fc
```
#cf35fc rgb(207,53,252)
```
#d349fd
```
#d349fd rgb(211,73,253)
```
#d85cfd
```
#d85cfd rgb(216,92,253)
```
#dd6ffd
```
#dd6ffd rgb(221,111,253)
```
#e183fd
```
#e183fd rgb(225,131,253)
```
#e696fe
```
#e696fe rgb(230,150,254)
```
#eaa9fe
```
#eaa9fe rgb(234,169,254)
```
#efbdfe
```
#efbdfe rgb(239,189,254)
```
#f4d0fe
```
#f4d0fe rgb(244,208,254)
```
#f8e4ff
```
#f8e4ff rgb(248,228,255)
```
#fdf7ff
```
#fdf7ff rgb(253,247,255)
```

Tint Color Variation

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

#928995
```
#928995 rgb(146,137,149)
```
#97819d
```
#97819d rgb(151,129,157)
```
#9b78a6
```
#9b78a6 rgb(155,120,166)
```
#a070ae
```
#a070ae rgb(160,112,174)
```
#a567b7
```
#a567b7 rgb(165,103,183)
```
#a95ec0
```
#a95ec0 rgb(169,94,192)
```
#ae56c8
```
#ae56c8 rgb(174,86,200)
```
#b34dd1
```
#b34dd1 rgb(179,77,209)
```
#b744da
```
#b744da rgb(183,68,218)
```
#bc3ce2
```
#bc3ce2 rgb(188,60,226)
```
#c133eb
```
#c133eb rgb(193,51,235)
```
#c52bf3
```
#c52bf3 rgb(197,43,243)
```
#ca22fc
```
#ca22fc rgb(202,34,252)
```

Tone Color Variation

Below, you can see how #ca22fc 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
#805e8a 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
#4962e9 Deuteranomaly 6% of men, 0.4% of women
#bd53a7 Tritanomaly 0.01% of the population

#ca22fc hex color

#ca22fc Color Information

#ca22fc Color Conversion

Color Schemes with #ca22fc

Alternatives to #ca22fc

#ca22fc Preview

Shades and Tints of #ca22fc

Tones of #ca22fc

Color Blindness Simulator