#ca1ff2 hex color

In a RGB color space, hex #ca1ff2 is composed of 79.2% red, 12.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 87.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 288.6 degrees, a saturation of 89% and a lightness of 53.5%. #ca1ff2 color hex could be obtained by blending #ff3eff with #9500e5. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 79
- G 12
- B 95
RGB color chart
- C 17
- M 87
- Y 0
- K 5
CMYK color chart

● #ca1ff2 color description : Vivid magenta.

The hexadecimal color #ca1ff2 has RGB values of R:202, G:31, B:242 and CMYK values of C:0.17, M:0.87, Y:0, K:0.05. Its decimal value is 13246450.

Hex triplet	ca1ff2	`#ca1ff2`
RGB Decimal	202, 31, 242	`rgb(202,31,242)`
RGB Percent	79.2, 12.2, 94.9	`rgb(79.2%,12.2%,94.9%)`
CMYK	17, 87, 0, 5
HSL	288.6°, 89, 53.5	`hsl(288.6,89%,53.5%)`
HSV (or HSB)	288.6°, 87.2, 94.9
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	51.78, 85.244, -67.795
XYZ	40.872, 19.949, 85.697
xyY	0.279, 0.136, 19.949
CIE-LCH	51.78, 108.916, 321.505
CIE-LUV	51.78, 51.103, -112.882
Hunter-Lab	44.665, 85.181, -82.493
Binary	11001010, 00011111, 11110010

#ca1ff2
```
#ca1ff2 rgb(202,31,242)
```
#47f21f
```
#47f21f rgb(71,242,31)
```

Complementary Color

#611ff2
```
#611ff2 rgb(97,31,242)
```
#ca1ff2
```
#ca1ff2 rgb(202,31,242)
```
#f21fb1
```
#f21fb1 rgb(242,31,177)
```

Analogous Color

#1ff260
```
#1ff260 rgb(31,242,96)
```
#ca1ff2
```
#ca1ff2 rgb(202,31,242)
```
#b1f21f
```
#b1f21f rgb(177,242,31)
```

Split Complementary Color

#1ff2ca
```
#1ff2ca rgb(31,242,202)
```
#ca1ff2
```
#ca1ff2 rgb(202,31,242)
```
#f2ca1f
```
#f2ca1f rgb(242,202,31)
```

Triadic Color

#1f47f2
```
#1f47f2 rgb(31,71,242)
```
#ca1ff2
```
#ca1ff2 rgb(202,31,242)
```
#f2ca1f
```
#f2ca1f rgb(242,202,31)
```
#47f21f
```
#47f21f rgb(71,242,31)
```

Tetradic Color

#990bba
```
#990bba rgb(153,11,186)
```
#ac0cd2
```
#ac0cd2 rgb(172,12,210)
```
#c00eea
```
#c00eea rgb(192,14,234)
```
#ca1ff2
```
#ca1ff2 rgb(202,31,242)
```
#d037f3
```
#d037f3 rgb(208,55,243)
```
#d54ff5
```
#d54ff5 rgb(213,79,245)
```
#db67f6
```
#db67f6 rgb(219,103,246)
```

Monochromatic Color

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

#951ff2
```
#951ff2 rgb(149,31,242)
```
#a71ff2
```
#a71ff2 rgb(167,31,242)
```
#b81ff2
```
#b81ff2 rgb(184,31,242)
```
#ca1ff2
```
#ca1ff2 rgb(202,31,242)
```
#dc1ff2
```
#dc1ff2 rgb(220,31,242)
```
#ed1ff2
```
#ed1ff2 rgb(237,31,242)
```
#f21fe5
```
#f21fe5 rgb(242,31,229)
```

Similar Colors

Text with hexadecimal color #ca1ff2

This text has a font color of #ca1ff2.

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

#ca1ff2 background color

This paragraph has a background color of #ca1ff2.

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

#ca1ff2 border color

This element has a border color of #ca1ff2.

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

CSS codes

.text {color:#ca1ff2;}

.background {background-color:#ca1ff2;}

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

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

#0e0111
```
#0e0111 rgb(14,1,17)
```
#1d0224
```
#1d0224 rgb(29,2,36)
```
#2c0336
```
#2c0336 rgb(44,3,54)
```
#3c0449
```
#3c0449 rgb(60,4,73)
```
#4b055b
```
#4b055b rgb(75,5,91)
```
#5a066e
```
#5a066e rgb(90,6,110)
```
#690780
```
#690780 rgb(105,7,128)
```
#790993
```
#790993 rgb(121,9,147)
```
#880aa5
```
#880aa5 rgb(136,10,165)
```
#970bb8
```
#970bb8 rgb(151,11,184)
```
#a60cca
```
#a60cca rgb(166,12,202)
```
#b50ddd
```
#b50ddd rgb(181,13,221)
```
#c50eef
```
#c50eef rgb(197,14,239)
```

Shade Color Variation

#ca1ff2
```
#ca1ff2 rgb(202,31,242)
```
#ce32f3
```
#ce32f3 rgb(206,50,243)
```
#d344f4
```
#d344f4 rgb(211,68,244)
```
#d757f5
```
#d757f5 rgb(215,87,245)
```
#dc69f6
```
#dc69f6 rgb(220,105,246)
```
#e07cf7
```
#e07cf7 rgb(224,124,247)
```
#e48ef8
```
#e48ef8 rgb(228,142,248)
```
#e9a1fa
```
#e9a1fa rgb(233,161,250)
```
#edb3fb
```
#edb3fb rgb(237,179,251)
```
#f1c6fc
```
#f1c6fc rgb(241,198,252)
```
#f6d8fd
```
#f6d8fd rgb(246,216,253)
```
#faebfe
```
#faebfe rgb(250,235,254)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#8c838e
```
#8c838e rgb(140,131,142)
```
#917a97
```
#917a97 rgb(145,122,151)
```
#9771a0
```
#9771a0 rgb(151,113,160)
```
#9d68a9
```
#9d68a9 rgb(157,104,169)
```
#a25fb2
```
#a25fb2 rgb(162,95,178)
```
#a856bb
```
#a856bb rgb(168,86,187)
```
#ae4dc4
```
#ae4dc4 rgb(174,77,196)
```
#b343ce
```
#b343ce rgb(179,67,206)
```
#b93ad7
```
#b93ad7 rgb(185,58,215)
```
#bf31e0
```
#bf31e0 rgb(191,49,224)
```
#c428e9
```
#c428e9 rgb(196,40,233)
```
#ca1ff2
```
#ca1ff2 rgb(202,31,242)
```
#d016fb
```
#d016fb rgb(208,22,251)
```

Tone Color Variation

Below, you can see how #ca1ff2 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
#7d5b85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef6 Protanopia 1% of men
#0e84dc Deuteranopia 1% of men
#b86b73 Tritanopia 0.001% of the population

Trichromacy

#495bf4 Protanomaly 1% of men, 0.01% of women
#525fe4 Deuteranomaly 6% of men, 0.4% of women
#be4fa1 Tritanomaly 0.01% of the population

#ca1ff2 hex color

#ca1ff2 Color Information

#ca1ff2 Color Conversion

Color Schemes with #ca1ff2

Alternatives to #ca1ff2

#ca1ff2 Preview

Shades and Tints of #ca1ff2

Tones of #ca1ff2

Color Blindness Simulator