#ca31e2 hex color

In a RGB color space, hex #ca31e2 is composed of 79.2% red, 19.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 10.6% cyan, 78.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 291.9 degrees, a saturation of 75.3% and a lightness of 53.9%. #ca31e2 color hex could be obtained by blending #ff62ff with #9500c5. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 79
- G 19
- B 89
RGB color chart
- C 11
- M 78
- Y 0
- K 11
CMYK color chart

● #ca31e2 color description : Bright magenta.

The hexadecimal color #ca31e2 has RGB values of R:202, G:49, B:226 and CMYK values of C:0.11, M:0.78, Y:0, K:0.11. Its decimal value is 13251042.

Hex triplet	ca31e2	`#ca31e2`
RGB Decimal	202, 49, 226	`rgb(202,49,226)`
RGB Percent	79.2, 19.2, 88.6	`rgb(79.2%,19.2%,88.6%)`
CMYK	11, 78, 0, 11
HSL	291.9°, 75.3, 53.9	`hsl(291.9,75.3%,53.9%)`
HSV (or HSB)	291.9°, 78.3, 88.6
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	52.114, 78.524, -58.237
XYZ	39.182, 20.246, 73.791
xyY	0.294, 0.152, 20.246
CIE-LCH	52.114, 97.763, 323.438
CIE-LUV	52.114, 54.145, -98.507
Hunter-Lab	44.996, 76.692, -65.736
Binary	11001010, 00110001, 11100010

#ca31e2
```
#ca31e2 rgb(202,49,226)
```
#49e231
```
#49e231 rgb(73,226,49)
```

Complementary Color

#7231e2
```
#7231e2 rgb(114,49,226)
```
#ca31e2
```
#ca31e2 rgb(202,49,226)
```
#e231a2
```
#e231a2 rgb(226,49,162)
```

Analogous Color

#31e272
```
#31e272 rgb(49,226,114)
```
#ca31e2
```
#ca31e2 rgb(202,49,226)
```
#a2e231
```
#a2e231 rgb(162,226,49)
```

Split Complementary Color

#31e2ca
```
#31e2ca rgb(49,226,202)
```
#ca31e2
```
#ca31e2 rgb(202,49,226)
```
#e2ca31
```
#e2ca31 rgb(226,202,49)
```

Triadic Color

#3149e2
```
#3149e2 rgb(49,73,226)
```
#ca31e2
```
#ca31e2 rgb(202,49,226)
```
#e2ca31
```
#e2ca31 rgb(226,202,49)
```
#49e231
```
#49e231 rgb(73,226,49)
```

Tetradic Color

#9a18ae
```
#9a18ae rgb(154,24,174)
```
#ad1cc4
```
#ad1cc4 rgb(173,28,196)
```
#c11fdb
```
#c11fdb rgb(193,31,219)
```
#ca31e2
```
#ca31e2 rgb(202,49,226)
```
#d047e5
```
#d047e5 rgb(208,71,229)
```
#d65ee8
```
#d65ee8 rgb(214,94,232)
```
#db74eb
```
#db74eb rgb(219,116,235)
```

Monochromatic Color

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

#9e31e2
```
#9e31e2 rgb(158,49,226)
```
#ad31e2
```
#ad31e2 rgb(173,49,226)
```
#bb31e2
```
#bb31e2 rgb(187,49,226)
```
#ca31e2
```
#ca31e2 rgb(202,49,226)
```
#d931e2
```
#d931e2 rgb(217,49,226)
```
#e231dd
```
#e231dd rgb(226,49,221)
```
#e231ce
```
#e231ce rgb(226,49,206)
```

Similar Colors

Text with hexadecimal color #ca31e2

This text has a font color of #ca31e2.

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

#ca31e2 background color

This paragraph has a background color of #ca31e2.

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

#ca31e2 border color

This element has a border color of #ca31e2.

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

CSS codes

.text {color:#ca31e2;}

.background {background-color:#ca31e2;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0f0212
```
#0f0212 rgb(15,2,18)
```
#1f0523
```
#1f0523 rgb(31,5,35)
```
#2e0734
```
#2e0734 rgb(46,7,52)
```
#3d0a45
```
#3d0a45 rgb(61,10,69)
```
#4c0c56
```
#4c0c56 rgb(76,12,86)
```
#5b0f68
```
#5b0f68 rgb(91,15,104)
```
#6b1179
```
#6b1179 rgb(107,17,121)
```
#7a138a
```
#7a138a rgb(122,19,138)
```
#89169b
```
#89169b rgb(137,22,155)
```
#9818ac
```
#9818ac rgb(152,24,172)
```
#a71bbd
```
#a71bbd rgb(167,27,189)
```
#b71dcf
```
#b71dcf rgb(183,29,207)
```

Shade Color Variation

#c620e0
```
#c620e0 rgb(198,32,224)
```
#ca31e2
```
#ca31e2 rgb(202,49,226)
```
#ce42e4
```
#ce42e4 rgb(206,66,228)
```
#d353e7
```
#d353e7 rgb(211,83,231)
```
#d765e9
```
#d765e9 rgb(215,101,233)
```
#dc76ec
```
#dc76ec rgb(220,118,236)
```
#e087ee
```
#e087ee rgb(224,135,238)
```
#e598f1
```
#e598f1 rgb(229,152,241)
```
#e9a9f3
```
#e9a9f3 rgb(233,169,243)
```
#edbbf5
```
#edbbf5 rgb(237,187,245)
```
#f2ccf8
```
#f2ccf8 rgb(242,204,248)
```
#f6ddfa
```
#f6ddfa rgb(246,221,250)
```
#fbeefd
```
#fbeefd rgb(251,238,253)
```

Tint Color Variation

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

#8f8291
```
#8f8291 rgb(143,130,145)
```
#95799a
```
#95799a rgb(149,121,154)
```
#9c70a3
```
#9c70a3 rgb(156,112,163)
```
#a267ac
```
#a267ac rgb(162,103,172)
```
#a95eb5
```
#a95eb5 rgb(169,94,181)
```
#b055be
```
#b055be rgb(176,85,190)
```
#b64cc7
```
#b64cc7 rgb(182,76,199)
```
#bd43d0
```
#bd43d0 rgb(189,67,208)
```
#c33ad9
```
#c33ad9 rgb(195,58,217)
```
#ca31e2
```
#ca31e2 rgb(202,49,226)
```
#d128eb
```
#d128eb rgb(209,40,235)
```
#d71ff4
```
#d71ff4 rgb(215,31,244)
```
#de16fd
```
#de16fd rgb(222,22,253)
```

Tone Color Variation

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

Dichromacy

#007ff8 Protanopia 1% of men
#4884d0 Deuteranopia 1% of men
#bc6b72 Tritanopia 0.001% of the population

Trichromacy

#4962f0 Protanomaly 1% of men, 0.01% of women
#7765d6 Deuteranomaly 6% of men, 0.4% of women
#c1569a Tritanomaly 0.01% of the population

#ca31e2 hex color

#ca31e2 Color Information

#ca31e2 Color Conversion

Color Schemes with #ca31e2

Alternatives to #ca31e2

#ca31e2 Preview

Shades and Tints of #ca31e2

Tones of #ca31e2

Color Blindness Simulator