#ca22fd hex color

In a RGB color space, hex #ca22fd is composed of 79.2% red, 13.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 86.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 286 degrees, a saturation of 98.2% and a lightness of 56.3%. #ca22fd color hex could be obtained by blending #ff44ff with #9500fb. 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

● #ca22fd color description : Vivid magenta.

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

Hex triplet	ca22fd	`#ca22fd`
RGB Decimal	202, 34, 253	`rgb(202,34,253)`
RGB Percent	79.2, 13.3, 99.2	`rgb(79.2%,13.3%,99.2%)`
CMYK	20, 87, 0, 1
HSL	286°, 98.2, 56.3	`hsl(286,98.2%,56.3%)`
HSV (or HSB)	286°, 86.6, 99.2
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	52.724, 86.59, -72.413
XYZ	42.657, 20.794, 94.69
xyY	0.27, 0.131, 20.794
CIE-LCH	52.724, 112.878, 320.095
CIE-LUV	52.724, 47.52, -120.148
Hunter-Lab	45.601, 87.174, -91.195
Binary	11001010, 00100010, 11111101

#ca22fd
```
#ca22fd rgb(202,34,253)
```
#55fd22
```
#55fd22 rgb(85,253,34)
```

Complementary Color

#5d22fd
```
#5d22fd rgb(93,34,253)
```
#ca22fd
```
#ca22fd rgb(202,34,253)
```
#fd22c3
```
#fd22c3 rgb(253,34,195)
```

Analogous Color

#22fd5d
```
#22fd5d rgb(34,253,93)
```
#ca22fd
```
#ca22fd rgb(202,34,253)
```
#c3fd22
```
#c3fd22 rgb(195,253,34)
```

Split Complementary Color

#22fdca
```
#22fdca rgb(34,253,202)
```
#ca22fd
```
#ca22fd rgb(202,34,253)
```
#fdca22
```
#fdca22 rgb(253,202,34)
```

Triadic Color

#2255fd
```
#2255fd rgb(34,85,253)
```
#ca22fd
```
#ca22fd rgb(202,34,253)
```
#fdca22
```
#fdca22 rgb(253,202,34)
```
#55fd22
```
#55fd22 rgb(85,253,34)
```

Tetradic Color

#a002d1
```
#a002d1 rgb(160,2,209)
```
#b402ea
```
#b402ea rgb(180,2,234)
```
#c409fd
```
#c409fd rgb(196,9,253)
```
#ca22fd
```
#ca22fd rgb(202,34,253)
```
#d03bfd
```
#d03bfd rgb(208,59,253)
```
#d655fd
```
#d655fd rgb(214,85,253)
```
#dc6efe
```
#dc6efe rgb(220,110,254)
```

Monochromatic Color

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

#9322fd
```
#9322fd rgb(147,34,253)
```
#a622fd
```
#a622fd rgb(166,34,253)
```
#b822fd
```
#b822fd rgb(184,34,253)
```
#ca22fd
```
#ca22fd rgb(202,34,253)
```
#dc22fd
```
#dc22fd rgb(220,34,253)
```
#ef22fd
```
#ef22fd rgb(239,34,253)
```
#fd22f9
```
#fd22f9 rgb(253,34,249)
```

Similar Colors

Text with hexadecimal color #ca22fd

This text has a font color of #ca22fd.

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

#ca22fd background color

This paragraph has a background color of #ca22fd.

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

#ca22fd border color

This element has a border color of #ca22fd.

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

CSS codes

.text {color:#ca22fd;}

.background {background-color:#ca22fd;}

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

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

#09000c
```
#09000c rgb(9,0,12)
```
#180020
```
#180020 rgb(24,0,32)
```
#270033
```
#270033 rgb(39,0,51)
```
#360147
```
#360147 rgb(54,1,71)
```
#45015a
```
#45015a rgb(69,1,90)
```
#54016d
```
#54016d rgb(84,1,109)
```
#630181
```
#630181 rgb(99,1,129)
```
#720194
```
#720194 rgb(114,1,148)
```
#8102a8
```
#8102a8 rgb(129,2,168)
```
#9002bb
```
#9002bb rgb(144,2,187)
```
#9f02cf
```
#9f02cf rgb(159,2,207)
```
#ae02e2
```
#ae02e2 rgb(174,2,226)
```
#bd02f6
```
#bd02f6 rgb(189,2,246)
```

Shade Color Variation

#c50ffd
```
#c50ffd rgb(197,15,253)
```
#ca22fd
```
#ca22fd rgb(202,34,253)
```
#cf35fd
```
#cf35fd rgb(207,53,253)
```
#d349fd
```
#d349fd rgb(211,73,253)
```
#d85cfe
```
#d85cfe rgb(216,92,254)
```
#dd70fe
```
#dd70fe rgb(221,112,254)
```
#e183fe
```
#e183fe rgb(225,131,254)
```
#e697fe
```
#e697fe rgb(230,151,254)
```
#ebaafe
```
#ebaafe rgb(235,170,254)
```
#efbefe
```
#efbefe rgb(239,190,254)
```
#f4d1ff
```
#f4d1ff rgb(244,209,255)
```
#f9e4ff
```
#f9e4ff rgb(249,228,255)
```
#fdf8ff
```
#fdf8ff rgb(253,248,255)
```

Tint Color Variation

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

#938996
```
#938996 rgb(147,137,150)
```
#98809f
```
#98809f rgb(152,128,159)
```
#9c78a7
```
#9c78a7 rgb(156,120,167)
```
#a16fb0
```
#a16fb0 rgb(161,111,176)
```
#a567b8
```
#a567b8 rgb(165,103,184)
```
#aa5ec1
```
#aa5ec1 rgb(170,94,193)
```
#af55ca
```
#af55ca rgb(175,85,202)
```
#b34dd2
```
#b34dd2 rgb(179,77,210)
```
#b844db
```
#b844db rgb(184,68,219)
```
#bc3ce3
```
#bc3ce3 rgb(188,60,227)
```
#c133ec
```
#c133ec rgb(193,51,236)
```
#c52bf4
```
#c52bf4 rgb(197,43,244)
```
#ca22fd
```
#ca22fd rgb(202,34,253)
```

Tone Color Variation

Below, you can see how #ca22fd 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
#b67078 Tritanopia 0.001% of the population

Trichromacy

#495efb Protanomaly 1% of men, 0.01% of women
#4962ea Deuteranomaly 6% of men, 0.4% of women
#bd54a8 Tritanomaly 0.01% of the population

#ca22fd hex color

#ca22fd Color Information

#ca22fd Color Conversion

Color Schemes with #ca22fd

Alternatives to #ca22fd

#ca22fd Preview

Shades and Tints of #ca22fd

Tones of #ca22fd

Color Blindness Simulator