#ca22ce hex color

In a RGB color space, hex #ca22ce is composed of 79.2% red, 13.3% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 1.9% cyan, 83.5% magenta, 0% yellow and 19.2% black. It has a hue angle of 298.6 degrees, a saturation of 71.7% and a lightness of 47.1%. #ca22ce color hex could be obtained by blending #ff44ff with #95009d. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 79
- G 13
- B 81
RGB color chart
- C 2
- M 83
- Y 0
- K 19
CMYK color chart

● #ca22ce color description : Strong magenta.

The hexadecimal color #ca22ce has RGB values of R:202, G:34, B:206 and CMYK values of C:0.02, M:0.83, Y:0, K:0.19. Its decimal value is 13247182.

Hex triplet	ca22ce	`#ca22ce`
RGB Decimal	202, 34, 206	`rgb(202,34,206)`
RGB Percent	79.2, 13.3, 80.8	`rgb(79.2%,13.3%,80.8%)`
CMYK	2, 83, 0, 19
HSL	298.6°, 71.7, 47.1	`hsl(298.6,71.7%,47.1%)`
HSV (or HSB)	298.6°, 83.5, 80.8
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	49.689, 78.853, -50.707
XYZ	36.069, 18.159, 59.994
xyY	0.316, 0.159, 18.159
CIE-LCH	49.689, 93.75, 327.257
CIE-LUV	49.689, 63.006, -86.386
Hunter-Lab	42.614, 76.512, -53.643
Binary	11001010, 00100010, 11001110

#ca22ce
```
#ca22ce rgb(202,34,206)
```
#26ce22
```
#26ce22 rgb(38,206,34)
```

Complementary Color

#7422ce
```
#7422ce rgb(116,34,206)
```
#ca22ce
```
#ca22ce rgb(202,34,206)
```
#ce227c
```
#ce227c rgb(206,34,124)
```

Analogous Color

#22ce74
```
#22ce74 rgb(34,206,116)
```
#ca22ce
```
#ca22ce rgb(202,34,206)
```
#7cce22
```
#7cce22 rgb(124,206,34)
```

Split Complementary Color

#22ceca
```
#22ceca rgb(34,206,202)
```
#ca22ce
```
#ca22ce rgb(202,34,206)
```
#ceca22
```
#ceca22 rgb(206,202,34)
```

Triadic Color

#2226ce
```
#2226ce rgb(34,38,206)
```
#ca22ce
```
#ca22ce rgb(202,34,206)
```
#ceca22
```
#ceca22 rgb(206,202,34)
```
#26ce22
```
#26ce22 rgb(38,206,34)
```

Tetradic Color

#8a178c
```
#8a178c rgb(138,23,140)
```
#9f1ba2
```
#9f1ba2 rgb(159,27,162)
```
#b51eb8
```
#b51eb8 rgb(181,30,184)
```
#ca22ce
```
#ca22ce rgb(202,34,206)
```
#d82ddc
```
#d82ddc rgb(216,45,220)
```
#dc43e0
```
#dc43e0 rgb(220,67,224)
```
#e059e4
```
#e059e4 rgb(224,89,228)
```

Monochromatic Color

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

#9f22ce
```
#9f22ce rgb(159,34,206)
```
#ad22ce
```
#ad22ce rgb(173,34,206)
```
#bc22ce
```
#bc22ce rgb(188,34,206)
```
#ca22ce
```
#ca22ce rgb(202,34,206)
```
#ce22c4
```
#ce22c4 rgb(206,34,196)
```
#ce22b5
```
#ce22b5 rgb(206,34,181)
```
#ce22a7
```
#ce22a7 rgb(206,34,167)
```

Similar Colors

Text with hexadecimal color #ca22ce

This text has a font color of #ca22ce.

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

#ca22ce background color

This paragraph has a background color of #ca22ce.

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

#ca22ce border color

This element has a border color of #ca22ce.

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

CSS codes

.text {color:#ca22ce;}

.background {background-color:#ca22ce;}

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

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, #040104 is the darkest color, while #fdf2fd is the lightest one.

#040104
```
#040104 rgb(4,1,4)
```
#140315
```
#140315 rgb(20,3,21)
```
#250626
```
#250626 rgb(37,6,38)
```
#350936
```
#350936 rgb(53,9,54)
```
#460c47
```
#460c47 rgb(70,12,71)
```
#560f58
```
#560f58 rgb(86,15,88)
```
#671169
```
#671169 rgb(103,17,105)
```
#77147a
```
#77147a rgb(119,20,122)
```
#88178b
```
#88178b rgb(136,23,139)
```
#981a9b
```
#981a9b rgb(152,26,155)
```
#a91cac
```
#a91cac rgb(169,28,172)
```
#b91fbd
```
#b91fbd rgb(185,31,189)
```
#ca22ce
```
#ca22ce rgb(202,34,206)
```

Shade Color Variation

#d728dc
```
#d728dc rgb(215,40,220)
```
#da39de
```
#da39de rgb(218,57,222)
```
#de4ae1
```
#de4ae1 rgb(222,74,225)
```
#e15be4
```
#e15be4 rgb(225,91,228)
```
#e46be7
```
#e46be7 rgb(228,107,231)
```
#e77ce9
```
#e77ce9 rgb(231,124,233)
```
#ea8dec
```
#ea8dec rgb(234,141,236)
```
#ed9eef
```
#ed9eef rgb(237,158,239)
```
#f0aff2
```
#f0aff2 rgb(240,175,242)
```
#f3c0f5
```
#f3c0f5 rgb(243,192,245)
```
#f6d0f7
```
#f6d0f7 rgb(246,208,247)
```
#fae1fa
```
#fae1fa rgb(250,225,250)
```
#fdf2fd
```
#fdf2fd rgb(253,242,253)
```

Tint Color Variation

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

#7b757b
```
#7b757b rgb(123,117,123)
```
#846c84
```
#846c84 rgb(132,108,132)
```
#8c638d
```
#8c638d rgb(140,99,141)
```
#955997
```
#955997 rgb(149,89,151)
```
#9e50a0
```
#9e50a0 rgb(158,80,160)
```
#a747a9
```
#a747a9 rgb(167,71,169)
```
#b03eb2
```
#b03eb2 rgb(176,62,178)
```
#b834bc
```
#b834bc rgb(184,52,188)
```
#c12bc5
```
#c12bc5 rgb(193,43,197)
```
#ca22ce
```
#ca22ce rgb(202,34,206)
```
#d319d7
```
#d319d7 rgb(211,25,215)
```
#dc10e0
```
#dc10e0 rgb(220,16,224)
```
#e406ea
```
#e406ea rgb(228,6,234)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#7c5a7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ed Protanopia 1% of men
#557dbe Deuteranopia 1% of men
#bf5f65 Tritanopia 0.001% of the population

Trichromacy

#4959e2 Protanomaly 1% of men, 0.01% of women
#7f5cc3 Deuteranomaly 6% of men, 0.4% of women
#c3488b Tritanomaly 0.01% of the population

#ca22ce hex color

#ca22ce Color Information

#ca22ce Color Conversion

Color Schemes with #ca22ce

Alternatives to #ca22ce

#ca22ce Preview

Shades and Tints of #ca22ce

Tones of #ca22ce

Color Blindness Simulator