#ca2bff hex color

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

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

● #ca2bff color description : Vivid magenta.

The hexadecimal color #ca2bff has RGB values of R:202, G:43, B:255 and CMYK values of C:0.21, M:0.83, Y:0, K:0. Its decimal value is 13249535.

Hex triplet	ca2bff	`#ca2bff`
RGB Decimal	202, 43, 255	`rgb(202,43,255)`
RGB Percent	79.2, 16.9, 100	`rgb(79.2%,16.9%,100%)`
CMYK	21, 83, 0, 0
HSL	285°, 100, 58.4	`hsl(285,100%,58.4%)`
HSV (or HSB)	285°, 83.1, 100
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.499, 85.07, -72.268
XYZ	43.269, 21.506, 96.474
xyY	0.268, 0.133, 21.506
CIE-LCH	53.499, 111.623, 319.652
CIE-LUV	53.499, 46.099, -120.292
Hunter-Lab	46.375, 85.39, -90.88
Binary	11001010, 00101011, 11111111

#ca2bff
```
#ca2bff rgb(202,43,255)
```
#60ff2b
```
#60ff2b rgb(96,255,43)
```

Complementary Color

#602bff
```
#602bff rgb(96,43,255)
```
#ca2bff
```
#ca2bff rgb(202,43,255)
```
#ff2bca
```
#ff2bca rgb(255,43,202)
```

Analogous Color

#2bff60
```
#2bff60 rgb(43,255,96)
```
#ca2bff
```
#ca2bff rgb(202,43,255)
```
#caff2b
```
#caff2b rgb(202,255,43)
```

Split Complementary Color

#2bffca
```
#2bffca rgb(43,255,202)
```
#ca2bff
```
#ca2bff rgb(202,43,255)
```
#ffca2b
```
#ffca2b rgb(255,202,43)
```

Triadic Color

#2b60ff
```
#2b60ff rgb(43,96,255)
```
#ca2bff
```
#ca2bff rgb(202,43,255)
```
#ffca2b
```
#ffca2b rgb(255,202,43)
```
#60ff2b
```
#60ff2b rgb(96,255,43)
```

Tetradic Color

#a600de
```
#a600de rgb(166,0,222)
```
#b900f7
```
#b900f7 rgb(185,0,247)
```
#c412ff
```
#c412ff rgb(196,18,255)
```
#ca2bff
```
#ca2bff rgb(202,43,255)
```
#d045ff
```
#d045ff rgb(208,69,255)
```
#d75eff
```
#d75eff rgb(215,94,255)
```
#dd78ff
```
#dd78ff rgb(221,120,255)
```

Monochromatic Color

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

#952bff
```
#952bff rgb(149,43,255)
```
#a72bff
```
#a72bff rgb(167,43,255)
```
#b82bff
```
#b82bff rgb(184,43,255)
```
#ca2bff
```
#ca2bff rgb(202,43,255)
```
#dc2bff
```
#dc2bff rgb(220,43,255)
```
#ed2bff
```
#ed2bff rgb(237,43,255)
```
#ff2bff
```
#ff2bff rgb(255,43,255)
```

Similar Colors

Text with hexadecimal color #ca2bff

This text has a font color of #ca2bff.

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

#ca2bff background color

This paragraph has a background color of #ca2bff.

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

#ca2bff border color

This element has a border color of #ca2bff.

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

CSS codes

.text {color:#ca2bff;}

.background {background-color:#ca2bff;}

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

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

#030004
```
#030004 rgb(3,0,4)
```
#120017
```
#120017 rgb(18,0,23)
```
#20002b
```
#20002b rgb(32,0,43)
```
#2f003f
```
#2f003f rgb(47,0,63)
```
#3e0052
```
#3e0052 rgb(62,0,82)
```
#4c0066
```
#4c0066 rgb(76,0,102)
```
#5b0079
```
#5b0079 rgb(91,0,121)
```
#6a008d
```
#6a008d rgb(106,0,141)
```
#7900a1
```
#7900a1 rgb(121,0,161)
```
#8700b4
```
#8700b4 rgb(135,0,180)
```
#9600c8
```
#9600c8 rgb(150,0,200)
```
#a500dc
```
#a500dc rgb(165,0,220)
```
#b300ef
```
#b300ef rgb(179,0,239)
```

Shade Color Variation

#c004ff
```
#c004ff rgb(192,4,255)
```
#c517ff
```
#c517ff rgb(197,23,255)
```
#ca2bff
```
#ca2bff rgb(202,43,255)
```
#cf3fff
```
#cf3fff rgb(207,63,255)
```
#d452ff
```
#d452ff rgb(212,82,255)
```
#d966ff
```
#d966ff rgb(217,102,255)
```
#de79ff
```
#de79ff rgb(222,121,255)
```
#e38dff
```
#e38dff rgb(227,141,255)
```
#e7a1ff
```
#e7a1ff rgb(231,161,255)
```
#ecb4ff
```
#ecb4ff rgb(236,180,255)
```
#f1c8ff
```
#f1c8ff rgb(241,200,255)
```
#f6dcff
```
#f6dcff rgb(246,220,255)
```
#fbefff
```
#fbefff rgb(251,239,255)
```

Tint Color Variation

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

#998d9d
```
#998d9d rgb(153,141,157)
```
#9d85a5
```
#9d85a5 rgb(157,133,165)
```
#a17dad
```
#a17dad rgb(161,125,173)
```
#a574b6
```
#a574b6 rgb(165,116,182)
```
#a96cbe
```
#a96cbe rgb(169,108,190)
```
#ad64c6
```
#ad64c6 rgb(173,100,198)
```
#b25cce
```
#b25cce rgb(178,92,206)
```
#b654d6
```
#b654d6 rgb(182,84,214)
```
#ba4cde
```
#ba4cde rgb(186,76,222)
```
#be43e7
```
#be43e7 rgb(190,67,231)
```
#c23bef
```
#c23bef rgb(194,59,239)
```
#c633f7
```
#c633f7 rgb(198,51,247)
```
#ca2bff
```
#ca2bff rgb(202,43,255)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#84658f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0082fe Protanopia 1% of men
#0088e3 Deuteranopia 1% of men
#b6737b Tritanopia 0.001% of the population

Trichromacy

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

#ca2bff hex color

#ca2bff Color Information

#ca2bff Color Conversion

Color Schemes with #ca2bff

Alternatives to #ca2bff

#ca2bff Preview

Shades and Tints of #ca2bff

Tones of #ca2bff

Color Blindness Simulator