#ca2aff hex color

In a RGB color space, hex #ca2aff is composed of 79.2% red, 16.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 83.5% magenta, 0% yellow and 0% black. It has a hue angle of 285.1 degrees, a saturation of 100% and a lightness of 58.2%. #ca2aff color hex could be obtained by blending #ff54ff with #9500ff. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 79
- G 16
- B 100
RGB color chart
- C 21
- M 84
- Y 0
- K 0
CMYK color chart

● #ca2aff color description : Vivid magenta.

The hexadecimal color #ca2aff has RGB values of R:202, G:42, B:255 and CMYK values of C:0.21, M:0.84, Y:0, K:0. Its decimal value is 13249279.

Hex triplet	ca2aff	`#ca2aff`
RGB Decimal	202, 42, 255	`rgb(202,42,255)`
RGB Percent	79.2, 16.5, 100	`rgb(79.2%,16.5%,100%)`
CMYK	21, 84, 0, 0
HSL	285.1°, 100, 58.2	`hsl(285.1,100%,58.2%)`
HSV (or HSB)	285.1°, 83.5, 100
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.422, 85.298, -72.394
XYZ	43.233, 21.434, 96.462
xyY	0.268, 0.133, 21.434
CIE-LCH	53.422, 111.877, 319.678
CIE-LUV	53.422, 46.202, -120.443
Hunter-Lab	46.297, 85.666, -91.125
Binary	11001010, 00101010, 11111111

#ca2aff
```
#ca2aff rgb(202,42,255)
```
#5fff2a
```
#5fff2a rgb(95,255,42)
```

Complementary Color

#602aff
```
#602aff rgb(96,42,255)
```
#ca2aff
```
#ca2aff rgb(202,42,255)
```
#ff2aca
```
#ff2aca rgb(255,42,202)
```

Analogous Color

#2aff60
```
#2aff60 rgb(42,255,96)
```
#ca2aff
```
#ca2aff rgb(202,42,255)
```
#caff2a
```
#caff2a rgb(202,255,42)
```

Split Complementary Color

#2affca
```
#2affca rgb(42,255,202)
```
#ca2aff
```
#ca2aff rgb(202,42,255)
```
#ffca2a
```
#ffca2a rgb(255,202,42)
```

Triadic Color

#2a5fff
```
#2a5fff rgb(42,95,255)
```
#ca2aff
```
#ca2aff rgb(202,42,255)
```
#ffca2a
```
#ffca2a rgb(255,202,42)
```
#5fff2a
```
#5fff2a rgb(95,255,42)
```

Tetradic Color

#a600dd
```
#a600dd rgb(166,0,221)
```
#b900f6
```
#b900f6 rgb(185,0,246)
```
#c411ff
```
#c411ff rgb(196,17,255)
```
#ca2aff
```
#ca2aff rgb(202,42,255)
```
#d044ff
```
#d044ff rgb(208,68,255)
```
#d75dff
```
#d75dff rgb(215,93,255)
```
#dd77ff
```
#dd77ff rgb(221,119,255)
```

Monochromatic Color

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

#952aff
```
#952aff rgb(149,42,255)
```
#a72aff
```
#a72aff rgb(167,42,255)
```
#b82aff
```
#b82aff rgb(184,42,255)
```
#ca2aff
```
#ca2aff rgb(202,42,255)
```
#dc2aff
```
#dc2aff rgb(220,42,255)
```
#ee2aff
```
#ee2aff rgb(238,42,255)
```
#ff2aff
```
#ff2aff rgb(255,42,255)
```

Similar Colors

Text with hexadecimal color #ca2aff

This text has a font color of #ca2aff.

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

#ca2aff background color

This paragraph has a background color of #ca2aff.

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

#ca2aff border color

This element has a border color of #ca2aff.

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

CSS codes

.text {color:#ca2aff;}

.background {background-color:#ca2aff;}

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

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

#020003
```
#020003 rgb(2,0,3)
```
#110016
```
#110016 rgb(17,0,22)
```
#20002a
```
#20002a rgb(32,0,42)
```
#2e003e
```
#2e003e rgb(46,0,62)
```
#3d0051
```
#3d0051 rgb(61,0,81)
```
#4c0065
```
#4c0065 rgb(76,0,101)
```
#5a0078
```
#5a0078 rgb(90,0,120)
```
#69008c
```
#69008c rgb(105,0,140)
```
#7800a0
```
#7800a0 rgb(120,0,160)
```
#8700b3
```
#8700b3 rgb(135,0,179)
```
#9500c7
```
#9500c7 rgb(149,0,199)
```
#a400db
```
#a400db rgb(164,0,219)
```
#b300ee
```
#b300ee rgb(179,0,238)
```

Shade Color Variation

#c003ff
```
#c003ff rgb(192,3,255)
```
#c516ff
```
#c516ff rgb(197,22,255)
```
#ca2aff
```
#ca2aff rgb(202,42,255)
```
#cf3eff
```
#cf3eff rgb(207,62,255)
```
#d451ff
```
#d451ff rgb(212,81,255)
```
#d965ff
```
#d965ff rgb(217,101,255)
```
#de78ff
```
#de78ff rgb(222,120,255)
```
#e28cff
```
#e28cff rgb(226,140,255)
```
#e7a0ff
```
#e7a0ff rgb(231,160,255)
```
#ecb3ff
```
#ecb3ff rgb(236,179,255)
```
#f1c7ff
```
#f1c7ff rgb(241,199,255)
```
#f6dbff
```
#f6dbff rgb(246,219,255)
```
#fbeeff
```
#fbeeff rgb(251,238,255)
```

Tint Color Variation

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

#998c9d
```
#998c9d rgb(153,140,157)
```
#9d84a5
```
#9d84a5 rgb(157,132,165)
```
#a17cad
```
#a17cad rgb(161,124,173)
```
#a574b5
```
#a574b5 rgb(165,116,181)
```
#a96cbd
```
#a96cbd rgb(169,108,189)
```
#ad63c6
```
#ad63c6 rgb(173,99,198)
```
#b15bce
```
#b15bce rgb(177,91,206)
```
#b553d6
```
#b553d6 rgb(181,83,214)
```
#ba4bde
```
#ba4bde rgb(186,75,222)
```
#be43e6
```
#be43e6 rgb(190,67,230)
```
#c23aef
```
#c23aef rgb(194,58,239)
```
#c632f7
```
#c632f7 rgb(198,50,247)
```
#ca2aff
```
#ca2aff rgb(202,42,255)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#84648e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0082fd Protanopia 1% of men
#0088e2 Deuteranopia 1% of men
#b6737b Tritanopia 0.001% of the population

Trichromacy

#4962fe Protanomaly 1% of men, 0.01% of women
#4966ec Deuteranomaly 6% of men, 0.4% of women
#bd58ab Tritanomaly 0.01% of the population

#ca2aff hex color

#ca2aff Color Information

#ca2aff Color Conversion

Color Schemes with #ca2aff

Alternatives to #ca2aff

#ca2aff Preview

Shades and Tints of #ca2aff

Tones of #ca2aff

Color Blindness Simulator