#ca22fe hex color

In a RGB color space, hex #ca22fe is composed of 79.2% red, 13.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 86.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 285.8 degrees, a saturation of 99.1% and a lightness of 56.5%. #ca22fe color hex could be obtained by blending #ff44ff with #9500fd. Closest websafe color is: #cc33ff.

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

● #ca22fe color description : Vivid magenta.

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

Hex triplet	ca22fe	`#ca22fe`
RGB Decimal	202, 34, 254	`rgb(202,34,254)`
RGB Percent	79.2, 13.3, 99.6	`rgb(79.2%,13.3%,99.6%)`
CMYK	20, 87, 0, 0
HSL	285.8°, 99.1, 56.5	`hsl(285.8,99.1%,56.5%)`
HSV (or HSB)	285.8°, 86.6, 99.6
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	52.794, 86.764, -72.856
XYZ	42.816, 20.858, 95.531
xyY	0.269, 0.131, 20.858
CIE-LCH	52.794, 113.296, 319.98
CIE-LUV	52.794, 47.227, -120.834
Hunter-Lab	45.671, 87.42, -92.05
Binary	11001010, 00100010, 11111110

#ca22fe
```
#ca22fe rgb(202,34,254)
```
#56fe22
```
#56fe22 rgb(86,254,34)
```

Complementary Color

#5c22fe
```
#5c22fe rgb(92,34,254)
```
#ca22fe
```
#ca22fe rgb(202,34,254)
```
#fe22c4
```
#fe22c4 rgb(254,34,196)
```

Analogous Color

#22fe5c
```
#22fe5c rgb(34,254,92)
```
#ca22fe
```
#ca22fe rgb(202,34,254)
```
#c4fe22
```
#c4fe22 rgb(196,254,34)
```

Split Complementary Color

#22feca
```
#22feca rgb(34,254,202)
```
#ca22fe
```
#ca22fe rgb(202,34,254)
```
#feca22
```
#feca22 rgb(254,202,34)
```

Triadic Color

#2256fe
```
#2256fe rgb(34,86,254)
```
#ca22fe
```
#ca22fe rgb(202,34,254)
```
#feca22
```
#feca22 rgb(254,202,34)
```
#56fe22
```
#56fe22 rgb(86,254,34)
```

Tetradic Color

#a101d3
```
#a101d3 rgb(161,1,211)
```
#b401ec
```
#b401ec rgb(180,1,236)
```
#c409fe
```
#c409fe rgb(196,9,254)
```
#ca22fe
```
#ca22fe rgb(202,34,254)
```
#d03bfe
```
#d03bfe rgb(208,59,254)
```
#d655fe
```
#d655fe rgb(214,85,254)
```
#dc6efe
```
#dc6efe rgb(220,110,254)
```

Monochromatic Color

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

#9322fe
```
#9322fe rgb(147,34,254)
```
#a522fe
```
#a522fe rgb(165,34,254)
```
#b822fe
```
#b822fe rgb(184,34,254)
```
#ca22fe
```
#ca22fe rgb(202,34,254)
```
#dc22fe
```
#dc22fe rgb(220,34,254)
```
#ef22fe
```
#ef22fe rgb(239,34,254)
```
#fe22fb
```
#fe22fb rgb(254,34,251)
```

Similar Colors

Text with hexadecimal color #ca22fe

This text has a font color of #ca22fe.

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

#ca22fe background color

This paragraph has a background color of #ca22fe.

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

#ca22fe border color

This element has a border color of #ca22fe.

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

CSS codes

.text {color:#ca22fe;}

.background {background-color:#ca22fe;}

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

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

#0a000d
```
#0a000d rgb(10,0,13)
```
#190021
```
#190021 rgb(25,0,33)
```
#280034
```
#280034 rgb(40,0,52)
```
#370048
```
#370048 rgb(55,0,72)
```
#46005b
```
#46005b rgb(70,0,91)
```
#55016f
```
#55016f rgb(85,1,111)
```
#640182
```
#640182 rgb(100,1,130)
```
#730196
```
#730196 rgb(115,1,150)
```
#8201aa
```
#8201aa rgb(130,1,170)
```
#9101bd
```
#9101bd rgb(145,1,189)
```
#a001d1
```
#a001d1 rgb(160,1,209)
```
#ae01e4
```
#ae01e4 rgb(174,1,228)
```
#bd01f8
```
#bd01f8 rgb(189,1,248)
```

Shade Color Variation

#c50efe
```
#c50efe rgb(197,14,254)
```
#ca22fe
```
#ca22fe rgb(202,34,254)
```
#cf36fe
```
#cf36fe rgb(207,54,254)
```
#d349fe
```
#d349fe rgb(211,73,254)
```
#d85dfe
```
#d85dfe rgb(216,93,254)
```
#dd70fe
```
#dd70fe rgb(221,112,254)
```
#e184fe
```
#e184fe rgb(225,132,254)
```
#e697ff
```
#e697ff rgb(230,151,255)
```
#ebabff
```
#ebabff rgb(235,171,255)
```
#efbeff
```
#efbeff rgb(239,190,255)
```
#f4d2ff
```
#f4d2ff rgb(244,210,255)
```
#f9e5ff
```
#f9e5ff rgb(249,229,255)
```
#fef9ff
```
#fef9ff rgb(254,249,255)
```

Tint Color Variation

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

#948898
```
#948898 rgb(148,136,152)
```
#9880a0
```
#9880a0 rgb(152,128,160)
```
#9d77a9
```
#9d77a9 rgb(157,119,169)
```
#a16fb1
```
#a16fb1 rgb(161,111,177)
```
#a666ba
```
#a666ba rgb(166,102,186)
```
#aa5ec2
```
#aa5ec2 rgb(170,94,194)
```
#af55cb
```
#af55cb rgb(175,85,203)
```
#b34dd3
```
#b34dd3 rgb(179,77,211)
```
#b844dc
```
#b844dc rgb(184,68,220)
```
#bc3ce4
```
#bc3ce4 rgb(188,60,228)
```
#c133ed
```
#c133ed rgb(193,51,237)
```
#c52bf5
```
#c52bf5 rgb(197,43,245)
```
#ca22fe
```
#ca22fe rgb(202,34,254)
```

Tone Color Variation

Below, you can see how #ca22fe 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
#0087df Deuteranopia 1% of men
#b67178 Tritanopia 0.001% of the population

Trichromacy

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

#ca22fe hex color

#ca22fe Color Information

#ca22fe Color Conversion

Color Schemes with #ca22fe

Alternatives to #ca22fe

#ca22fe Preview

Shades and Tints of #ca22fe

Tones of #ca22fe

Color Blindness Simulator