#ca2ff3 hex color

In a RGB color space, hex #ca2ff3 is composed of 79.2% red, 18.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 16.9% cyan, 80.7% magenta, 0% yellow and 4.7% black. It has a hue angle of 287.4 degrees, a saturation of 89.1% and a lightness of 56.9%. #ca2ff3 color hex could be obtained by blending #ff5eff with #9500e7. Closest websafe color is: #cc33ff.

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

● #ca2ff3 color description : Bright magenta.

The hexadecimal color #ca2ff3 has RGB values of R:202, G:47, B:243 and CMYK values of C:0.17, M:0.81, Y:0, K:0.05. Its decimal value is 13250547.

Hex triplet	ca2ff3	`#ca2ff3`
RGB Decimal	202, 47, 243	`rgb(202,47,243)`
RGB Percent	79.2, 18.4, 95.3	`rgb(79.2%,18.4%,95.3%)`
CMYK	17, 81, 0, 5
HSL	287.4°, 89.1, 56.9	`hsl(287.4,89.1%,56.9%)`
HSV (or HSB)	287.4°, 80.7, 95.3
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.018, 81.98, -66.354
XYZ	41.549, 21.063, 86.666
xyY	0.278, 0.141, 21.063
CIE-LCH	53.018, 105.469, 321.014
CIE-LUV	53.018, 49.151, -111.204
Hunter-Lab	45.894, 81.288, -79.837
Binary	11001010, 00101111, 11110011

#ca2ff3
```
#ca2ff3 rgb(202,47,243)
```
#58f32f
```
#58f32f rgb(88,243,47)
```

Complementary Color

#682ff3
```
#682ff3 rgb(104,47,243)
```
#ca2ff3
```
#ca2ff3 rgb(202,47,243)
```
#f32fba
```
#f32fba rgb(243,47,186)
```

Analogous Color

#2ff368
```
#2ff368 rgb(47,243,104)
```
#ca2ff3
```
#ca2ff3 rgb(202,47,243)
```
#baf32f
```
#baf32f rgb(186,243,47)
```

Split Complementary Color

#2ff3ca
```
#2ff3ca rgb(47,243,202)
```
#ca2ff3
```
#ca2ff3 rgb(202,47,243)
```
#f3ca2f
```
#f3ca2f rgb(243,202,47)
```

Triadic Color

#2f58f3
```
#2f58f3 rgb(47,88,243)
```
#ca2ff3
```
#ca2ff3 rgb(202,47,243)
```
#f3ca2f
```
#f3ca2f rgb(243,202,47)
```
#58f32f
```
#58f32f rgb(88,243,47)
```

Tetradic Color

#a20cca
```
#a20cca rgb(162,12,202)
```
#b50de2
```
#b50de2 rgb(181,13,226)
```
#c417f2
```
#c417f2 rgb(196,23,242)
```
#ca2ff3
```
#ca2ff3 rgb(202,47,243)
```
#d047f4
```
#d047f4 rgb(208,71,244)
```
#d65ff6
```
#d65ff6 rgb(214,95,246)
```
#dc77f7
```
#dc77f7 rgb(220,119,247)
```

Monochromatic Color

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

#992ff3
```
#992ff3 rgb(153,47,243)
```
#a92ff3
```
#a92ff3 rgb(169,47,243)
```
#ba2ff3
```
#ba2ff3 rgb(186,47,243)
```
#ca2ff3
```
#ca2ff3 rgb(202,47,243)
```
#da2ff3
```
#da2ff3 rgb(218,47,243)
```
#eb2ff3
```
#eb2ff3 rgb(235,47,243)
```
#f32feb
```
#f32feb rgb(243,47,235)
```

Similar Colors

Text with hexadecimal color #ca2ff3

This text has a font color of #ca2ff3.

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

#ca2ff3 background color

This paragraph has a background color of #ca2ff3.

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

#ca2ff3 border color

This element has a border color of #ca2ff3.

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

CSS codes

.text {color:#ca2ff3;}

.background {background-color:#ca2ff3;}

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

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

#0c010f
```
#0c010f rgb(12,1,15)
```
#1b0221
```
#1b0221 rgb(27,2,33)
```
#290334
```
#290334 rgb(41,3,52)
```
#380446
```
#380446 rgb(56,4,70)
```
#470559
```
#470559 rgb(71,5,89)
```
#56066b
```
#56066b rgb(86,6,107)
```
#65077e
```
#65077e rgb(101,7,126)
```
#740890
```
#740890 rgb(116,8,144)
```
#8309a3
```
#8309a3 rgb(131,9,163)
```
#920ab5
```
#920ab5 rgb(146,10,181)
```
#a10cc8
```
#a10cc8 rgb(161,12,200)
```
#af0ddb
```
#af0ddb rgb(175,13,219)
```
#be0eed
```
#be0eed rgb(190,14,237)
```

Shade Color Variation

#c51cf2
```
#c51cf2 rgb(197,28,242)
```
#ca2ff3
```
#ca2ff3 rgb(202,47,243)
```
#cf42f4
```
#cf42f4 rgb(207,66,244)
```
#d354f5
```
#d354f5 rgb(211,84,245)
```
#d867f6
```
#d867f6 rgb(216,103,246)
```
#dd79f7
```
#dd79f7 rgb(221,121,247)
```
#e28cf8
```
#e28cf8 rgb(226,140,248)
```
#e69ef9
```
#e69ef9 rgb(230,158,249)
```
#ebb1fa
```
#ebb1fa rgb(235,177,250)
```
#f0c3fc
```
#f0c3fc rgb(240,195,252)
```
#f5d6fd
```
#f5d6fd rgb(245,214,253)
```
#f9e8fe
```
#f9e8fe rgb(249,232,254)
```
#fefbff
```
#fefbff rgb(254,251,255)
```

Tint Color Variation

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

#948c96
```
#948c96 rgb(148,140,150)
```
#99849e
```
#99849e rgb(153,132,158)
```
#9e7ba7
```
#9e7ba7 rgb(158,123,167)
```
#a373af
```
#a373af rgb(163,115,175)
```
#a86ab8
```
#a86ab8 rgb(168,106,184)
```
#ac62c0
```
#ac62c0 rgb(172,98,192)
```
#b159c9
```
#b159c9 rgb(177,89,201)
```
#b651d1
```
#b651d1 rgb(182,81,209)
```
#bb48da
```
#bb48da rgb(187,72,218)
```
#c040e2
```
#c040e2 rgb(192,64,226)
```
#c537eb
```
#c537eb rgb(197,55,235)
```
#ca2ff3
```
#ca2ff3 rgb(202,47,243)
```
#cf27fb
```
#cf27fb rgb(207,39,251)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#85668d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fc Protanopia 1% of men
#2887de Deuteranopia 1% of men
#b87078 Tritanopia 0.001% of the population

Trichromacy

#4963f8 Protanomaly 1% of men, 0.01% of women
#6367e6 Deuteranomaly 6% of men, 0.4% of women
#bf58a4 Tritanomaly 0.01% of the population

#ca2ff3 hex color

#ca2ff3 Color Information

#ca2ff3 Color Conversion

Color Schemes with #ca2ff3

Alternatives to #ca2ff3

#ca2ff3 Preview

Shades and Tints of #ca2ff3

Tones of #ca2ff3

Color Blindness Simulator