#ca22dd hex color

In a RGB color space, hex #ca22dd is composed of 79.2% red, 13.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 8.6% cyan, 84.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 293.9 degrees, a saturation of 73.3% and a lightness of 50%. #ca22dd color hex could be obtained by blending #ff44ff with #9500bb. Closest websafe color is: #cc33cc.

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

● #ca22dd color description : Bright magenta.

The hexadecimal color #ca22dd has RGB values of R:202, G:34, B:221 and CMYK values of C:0.09, M:0.85, Y:0, K:0.13. Its decimal value is 13247197.

Hex triplet	ca22dd	`#ca22dd`
RGB Decimal	202, 34, 221	`rgb(202,34,221)`
RGB Percent	79.2, 13.3, 86.7	`rgb(79.2%,13.3%,86.7%)`
CMYK	9, 85, 0, 13
HSL	293.9°, 73.3, 50	`hsl(293.9,73.3%,50%)`
HSV (or HSB)	293.9°, 84.6, 86.7
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	50.597, 81.217, -57.836
XYZ	37.979, 18.923, 70.055
xyY	0.299, 0.149, 18.923
CIE-LCH	50.597, 99.706, 324.545
CIE-LUV	50.597, 57.7, -97.482
Hunter-Lab	43.501, 79.715, -65.031
Binary	11001010, 00100010, 11011101

#ca22dd
```
#ca22dd rgb(202,34,221)
```
#35dd22
```
#35dd22 rgb(53,221,34)
```

Complementary Color

#6d22dd
```
#6d22dd rgb(109,34,221)
```
#ca22dd
```
#ca22dd rgb(202,34,221)
```
#dd2293
```
#dd2293 rgb(221,34,147)
```

Analogous Color

#22dd6d
```
#22dd6d rgb(34,221,109)
```
#ca22dd
```
#ca22dd rgb(202,34,221)
```
#93dd22
```
#93dd22 rgb(147,221,34)
```

Split Complementary Color

#22ddca
```
#22ddca rgb(34,221,202)
```
#ca22dd
```
#ca22dd rgb(202,34,221)
```
#ddca22
```
#ddca22 rgb(221,202,34)
```

Triadic Color

#2235dd
```
#2235dd rgb(34,53,221)
```
#ca22dd
```
#ca22dd rgb(202,34,221)
```
#ddca22
```
#ddca22 rgb(221,202,34)
```
#35dd22
```
#35dd22 rgb(53,221,34)
```

Tetradic Color

#8d189b
```
#8d189b rgb(141,24,155)
```
#a21bb1
```
#a21bb1 rgb(162,27,177)
```
#b61fc7
```
#b61fc7 rgb(182,31,199)
```
#ca22dd
```
#ca22dd rgb(202,34,221)
```
#cf38e0
```
#cf38e0 rgb(207,56,224)
```
#d54ee4
```
#d54ee4 rgb(213,78,228)
```
#da64e7
```
#da64e7 rgb(218,100,231)
```

Monochromatic Color

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

#9b22dd
```
#9b22dd rgb(155,34,221)
```
#ab22dd
```
#ab22dd rgb(171,34,221)
```
#ba22dd
```
#ba22dd rgb(186,34,221)
```
#ca22dd
```
#ca22dd rgb(202,34,221)
```
#da22dd
```
#da22dd rgb(218,34,221)
```
#dd22d1
```
#dd22d1 rgb(221,34,209)
```
#dd22c1
```
#dd22c1 rgb(221,34,193)
```

Similar Colors

Text with hexadecimal color #ca22dd

This text has a font color of #ca22dd.

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

#ca22dd background color

This paragraph has a background color of #ca22dd.

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

#ca22dd border color

This element has a border color of #ca22dd.

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

CSS codes

.text {color:#ca22dd;}

.background {background-color:#ca22dd;}

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

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

#100311
```
#100311 rgb(16,3,17)
```
#1f0522
```
#1f0522 rgb(31,5,34)
```
#2f0833
```
#2f0833 rgb(47,8,51)
```
#3e0a44
```
#3e0a44 rgb(62,10,68)
```
#4e0d55
```
#4e0d55 rgb(78,13,85)
```
#5d1066
```
#5d1066 rgb(93,16,102)
```
#6d1277
```
#6d1277 rgb(109,18,119)
```
#7c1588
```
#7c1588 rgb(124,21,136)
```
#8c1899
```
#8c1899 rgb(140,24,153)
```
#9b1aaa
```
#9b1aaa rgb(155,26,170)
```
#ab1dbb
```
#ab1dbb rgb(171,29,187)
```
#ba1fcc
```
#ba1fcc rgb(186,31,204)
```
#ca22dd
```
#ca22dd rgb(202,34,221)
```

Shade Color Variation

#ce33e0
```
#ce33e0 rgb(206,51,224)
```
#d244e2
```
#d244e2 rgb(210,68,226)
```
#d655e5
```
#d655e5 rgb(214,85,229)
```
#da66e7
```
#da66e7 rgb(218,102,231)
```
#de77ea
```
#de77ea rgb(222,119,234)
```
#e288ed
```
#e288ed rgb(226,136,237)
```
#e799ef
```
#e799ef rgb(231,153,239)
```
#ebaaf2
```
#ebaaf2 rgb(235,170,242)
```
#efbbf5
```
#efbbf5 rgb(239,187,245)
```
#f3ccf7
```
#f3ccf7 rgb(243,204,247)
```
#f7ddfa
```
#f7ddfa rgb(247,221,250)
```
#fbeefc
```
#fbeefc rgb(251,238,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#847a85
```
#847a85 rgb(132,122,133)
```
#8b708f
```
#8b708f rgb(139,112,143)
```
#936798
```
#936798 rgb(147,103,152)
```
#9b5da2
```
#9b5da2 rgb(155,93,162)
```
#a353ac
```
#a353ac rgb(163,83,172)
```
#ab49b6
```
#ab49b6 rgb(171,73,182)
```
#b33fc0
```
#b33fc0 rgb(179,63,192)
```
#ba36c9
```
#ba36c9 rgb(186,54,201)
```
#c22cd3
```
#c22cd3 rgb(194,44,211)
```
#ca22dd
```
#ca22dd rgb(202,34,221)
```
#d218e7
```
#d218e7 rgb(210,24,231)
```
#da0ef1
```
#da0ef1 rgb(218,14,241)
```
#e105fa
```
#e105fa rgb(225,5,250)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#7d5c81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf1 Protanopia 1% of men
#4680cb Deuteranopia 1% of men
#bc646b Tritanopia 0.001% of the population

Trichromacy

#495be9 Protanomaly 1% of men, 0.01% of women
#765ed1 Deuteranomaly 6% of men, 0.4% of women
#c14c94 Tritanomaly 0.01% of the population

#ca22dd hex color

#ca22dd Color Information

#ca22dd Color Conversion

Color Schemes with #ca22dd

Alternatives to #ca22dd

#ca22dd Preview

Shades and Tints of #ca22dd

Tones of #ca22dd

Color Blindness Simulator