colorhexa.com

#ca31c2 hex color

In a RGB color space, hex #ca31c2 is composed of 79.2% red, 19.2% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.7% magenta, 4% yellow and 20.8% black. It has a hue angle of 303.1 degrees, a saturation of 61% and a lightness of 49.2%. #ca31c2 color hex could be obtained by blending #ff62ff with #950085. Closest websafe color is: #cc33cc.

- R 79
- G 19
- B 76
RGB color chart
- C 0
- M 76
- Y 4
- K 21
CMYK color chart

● #ca31c2 color description : Strong magenta.

The hexadecimal color #ca31c2 has RGB values of R:202, G:49, B:194 and CMYK values of C:0, M:0.76, Y:0.04, K:0.21. Its decimal value is 13251010.

Hex triplet	ca31c2	`#ca31c2`
RGB Decimal	202, 49, 194	`rgb(202,49,194)`
RGB Percent	79.2, 19.2, 76.1	`rgb(79.2%,19.2%,76.1%)`
CMYK	0, 76, 4, 21
HSL	303.1°, 61, 49.2	`hsl(303.1,61%,49.2%)`
HSV (or HSB)	303.1°, 75.7, 79.2
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	50.276, 73.366, -42.842
XYZ	35.192, 18.651, 52.782
xyY	0.33, 0.175, 18.651
CIE-LCH	50.276, 84.959, 329.717
CIE-LUV	50.276, 65.086, -74.304
Hunter-Lab	43.186, 69.883, -42.234
Binary	11001010, 00110001, 11000010

#ca31c2
```
#ca31c2 rgb(202,49,194)
```
#31ca39
```
#31ca39 rgb(49,202,57)
```

Complementary Color

#8631ca
```
#8631ca rgb(134,49,202)
```
#ca31c2
```
#ca31c2 rgb(202,49,194)
```
#ca3176
```
#ca3176 rgb(202,49,118)
```

Analogous Color

#31ca86
```
#31ca86 rgb(49,202,134)
```
#ca31c2
```
#ca31c2 rgb(202,49,194)
```
#76ca31
```
#76ca31 rgb(118,202,49)
```

Split Complementary Color

#31c2ca
```
#31c2ca rgb(49,194,202)
```
#ca31c2
```
#ca31c2 rgb(202,49,194)
```
#c2ca31
```
#c2ca31 rgb(194,202,49)
```

Triadic Color

#3931ca
```
#3931ca rgb(57,49,202)
```
#ca31c2
```
#ca31c2 rgb(202,49,194)
```
#c2ca31
```
#c2ca31 rgb(194,202,49)
```
#31ca39
```
#31ca39 rgb(49,202,57)
```

Tetradic Color

#8c2287
```
#8c2287 rgb(140,34,135)
```
#a1279b
```
#a1279b rgb(161,39,155)
```
#b52cae
```
#b52cae rgb(181,44,174)
```
#ca31c2
```
#ca31c2 rgb(202,49,194)
```
#d143ca
```
#d143ca rgb(209,67,202)
```
#d658d0
```
#d658d0 rgb(214,88,208)
```
#db6cd6
```
#db6cd6 rgb(219,108,214)
```

Monochromatic Color

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

#ac31ca
```
#ac31ca rgb(172,49,202)
```
#b931ca
```
#b931ca rgb(185,49,202)
```
#c531ca
```
#c531ca rgb(197,49,202)
```
#ca31c2
```
#ca31c2 rgb(202,49,194)
```
#ca31b5
```
#ca31b5 rgb(202,49,181)
```
#ca31a9
```
#ca31a9 rgb(202,49,169)
```
#ca319c
```
#ca319c rgb(202,49,156)
```

Similar Colors

Text with hexadecimal color #ca31c2

This text has a font color of #ca31c2.

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

#ca31c2 background color

This paragraph has a background color of #ca31c2.

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

#ca31c2 border color

This element has a border color of #ca31c2.

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

CSS codes

.text {color:#ca31c2;}

.background {background-color:#ca31c2;}

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

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

#0d030c
```
#0d030c rgb(13,3,12)
```
#1c071b
```
#1c071b rgb(28,7,27)
```
#2c0b2a
```
#2c0b2a rgb(44,11,42)
```
#3c0f3a
```
#3c0f3a rgb(60,15,58)
```
#4c1249
```
#4c1249 rgb(76,18,73)
```
#5b1658
```
#5b1658 rgb(91,22,88)
```
#6b1a67
```
#6b1a67 rgb(107,26,103)
```
#7b1e76
```
#7b1e76 rgb(123,30,118)
```
#8b2285
```
#8b2285 rgb(139,34,133)
```
#9b2695
```
#9b2695 rgb(155,38,149)
```
#aa29a4
```
#aa29a4 rgb(170,41,164)
```
#ba2db3
```
#ba2db3 rgb(186,45,179)
```
#ca31c2
```
#ca31c2 rgb(202,49,194)
```

Shade Color Variation

#d03ec9
```
#d03ec9 rgb(208,62,201)
```
#d44ecd
```
#d44ecd rgb(212,78,205)
```
#d85ed2
```
#d85ed2 rgb(216,94,210)
```
#dc6ed6
```
#dc6ed6 rgb(220,110,214)
```
#e07dda
```
#e07dda rgb(224,125,218)
```
#e38ddf
```
#e38ddf rgb(227,141,223)
```
#e79de3
```
#e79de3 rgb(231,157,227)
```
#ebade8
```
#ebade8 rgb(235,173,232)
```
#efbdec
```
#efbdec rgb(239,189,236)
```
#f3ccf1
```
#f3ccf1 rgb(243,204,241)
```
#f7dcf5
```
#f7dcf5 rgb(247,220,245)
```
#faecfa
```
#faecfa rgb(250,236,250)
```
#fefcfe
```
#fefcfe rgb(254,252,254)
```

Tint Color Variation

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

#867585
```
#867585 rgb(134,117,133)
```
#906b8e
```
#906b8e rgb(144,107,142)
```
#9a6197
```
#9a6197 rgb(154,97,151)
```
#a3589f
```
#a3589f rgb(163,88,159)
```
#ad4ea8
```
#ad4ea8 rgb(173,78,168)
```
#b744b1
```
#b744b1 rgb(183,68,177)
```
#c03bb9
```
#c03bb9 rgb(192,59,185)
```
#ca31c2
```
#ca31c2 rgb(202,49,194)
```
#d427cb
```
#d427cb rgb(212,39,203)
```
#dd1ed3
```
#dd1ed3 rgb(221,30,211)
```
#e714dc
```
#e714dc rgb(231,20,220)
```
#f10ae5
```
#f10ae5 rgb(241,10,229)
```
#fa01ed
```
#fa01ed rgb(250,1,237)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#816380 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007af0 Protanopia 1% of men
#647eb5 Deuteranopia 1% of men
#c16066 Tritanopia 0.001% of the population

Trichromacy

#495fdf Protanomaly 1% of men, 0.01% of women
#8962b9 Deuteranomaly 6% of men, 0.4% of women
#c44f87 Tritanomaly 0.01% of the population