#ca31f1 hex color

In a RGB color space, hex #ca31f1 is composed of 79.2% red, 19.2% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 79.7% magenta, 0% yellow and 5.5% black. It has a hue angle of 287.8 degrees, a saturation of 87.3% and a lightness of 56.9%. #ca31f1 color hex could be obtained by blending #ff62ff with #9500e3. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 79
- G 19
- B 95
RGB color chart
- C 16
- M 80
- Y 0
- K 5
CMYK color chart

● #ca31f1 color description : Bright magenta.

The hexadecimal color #ca31f1 has RGB values of R:202, G:49, B:241 and CMYK values of C:0.16, M:0.8, Y:0, K:0.05. Its decimal value is 13251057.

Hex triplet	ca31f1	`#ca31f1`
RGB Decimal	202, 49, 241	`rgb(202,49,241)`
RGB Percent	79.2, 19.2, 94.5	`rgb(79.2%,19.2%,94.5%)`
CMYK	16, 80, 0, 5
HSL	287.8°, 87.3, 56.9	`hsl(287.8,87.3%,56.9%)`
HSV (or HSB)	287.8°, 79.7, 94.5
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.065, 81.109, -65.157
XYZ	41.331, 21.106, 85.111
xyY	0.28, 0.143, 21.106
CIE-LCH	53.065, 104.039, 321.224
CIE-LUV	53.065, 49.492, -109.402
Hunter-Lab	45.941, 80.189, -77.682
Binary	11001010, 00110001, 11110001

#ca31f1
```
#ca31f1 rgb(202,49,241)
```
#58f131
```
#58f131 rgb(88,241,49)
```

Complementary Color

#6a31f1
```
#6a31f1 rgb(106,49,241)
```
#ca31f1
```
#ca31f1 rgb(202,49,241)
```
#f131b8
```
#f131b8 rgb(241,49,184)
```

Analogous Color

#31f16a
```
#31f16a rgb(49,241,106)
```
#ca31f1
```
#ca31f1 rgb(202,49,241)
```
#b8f131
```
#b8f131 rgb(184,241,49)
```

Split Complementary Color

#31f1ca
```
#31f1ca rgb(49,241,202)
```
#ca31f1
```
#ca31f1 rgb(202,49,241)
```
#f1ca31
```
#f1ca31 rgb(241,202,49)
```

Triadic Color

#3158f1
```
#3158f1 rgb(49,88,241)
```
#ca31f1
```
#ca31f1 rgb(202,49,241)
```
#f1ca31
```
#f1ca31 rgb(241,202,49)
```
#58f131
```
#58f131 rgb(88,241,49)
```

Tetradic Color

#a20ec8
```
#a20ec8 rgb(162,14,200)
```
#b50fe0
```
#b50fe0 rgb(181,15,224)
```
#c419ef
```
#c419ef rgb(196,25,239)
```
#ca31f1
```
#ca31f1 rgb(202,49,241)
```
#d049f3
```
#d049f3 rgb(208,73,243)
```
#d661f4
```
#d661f4 rgb(214,97,244)
```
#dc79f6
```
#dc79f6 rgb(220,121,246)
```

Monochromatic Color

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

#9a31f1
```
#9a31f1 rgb(154,49,241)
```
#aa31f1
```
#aa31f1 rgb(170,49,241)
```
#ba31f1
```
#ba31f1 rgb(186,49,241)
```
#ca31f1
```
#ca31f1 rgb(202,49,241)
```
#da31f1
```
#da31f1 rgb(218,49,241)
```
#ea31f1
```
#ea31f1 rgb(234,49,241)
```
#f131e8
```
#f131e8 rgb(241,49,232)
```

Similar Colors

Text with hexadecimal color #ca31f1

This text has a font color of #ca31f1.

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

#ca31f1 background color

This paragraph has a background color of #ca31f1.

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

#ca31f1 border color

This element has a border color of #ca31f1.

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

CSS codes

.text {color:#ca31f1;}

.background {background-color:#ca31f1;}

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

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

#0c010e
```
#0c010e rgb(12,1,14)
```
#1b0221
```
#1b0221 rgb(27,2,33)
```
#290333
```
#290333 rgb(41,3,51)
```
#380546
```
#380546 rgb(56,5,70)
```
#470658
```
#470658 rgb(71,6,88)
```
#56076a
```
#56076a rgb(86,7,106)
```
#65087d
```
#65087d rgb(101,8,125)
```
#740a8f
```
#740a8f rgb(116,10,143)
```
#830ba1
```
#830ba1 rgb(131,11,161)
```
#920cb4
```
#920cb4 rgb(146,12,180)
```
#a10dc6
```
#a10dc6 rgb(161,13,198)
```
#af0fd8
```
#af0fd8 rgb(175,15,216)
```
#be10eb
```
#be10eb rgb(190,16,235)
```

Shade Color Variation

#c51ff0
```
#c51ff0 rgb(197,31,240)
```
#ca31f1
```
#ca31f1 rgb(202,49,241)
```
#cf43f2
```
#cf43f2 rgb(207,67,242)
```
#d356f3
```
#d356f3 rgb(211,86,243)
```
#d868f5
```
#d868f5 rgb(216,104,245)
```
#dd7af6
```
#dd7af6 rgb(221,122,246)
```
#e28df7
```
#e28df7 rgb(226,141,247)
```
#e69ff8
```
#e69ff8 rgb(230,159,248)
```
#ebb2fa
```
#ebb2fa rgb(235,178,250)
```
#f0c4fb
```
#f0c4fb rgb(240,196,251)
```
#f5d6fc
```
#f5d6fc rgb(245,214,252)
```
#f9e9fd
```
#f9e9fd rgb(249,233,253)
```
#fefbff
```
#fefbff rgb(254,251,255)
```

Tint Color Variation

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

#938e94
```
#938e94 rgb(147,142,148)
```
#98869c
```
#98869c rgb(152,134,156)
```
#9d7da5
```
#9d7da5 rgb(157,125,165)
```
#a275ad
```
#a275ad rgb(162,117,173)
```
#a76cb6
```
#a76cb6 rgb(167,108,182)
```
#ac64be
```
#ac64be rgb(172,100,190)
```
#b15bc7
```
#b15bc7 rgb(177,91,199)
```
#b653cf
```
#b653cf rgb(182,83,207)
```
#bb4ad8
```
#bb4ad8 rgb(187,74,216)
```
#c042e0
```
#c042e0 rgb(192,66,224)
```
#c539e9
```
#c539e9 rgb(197,57,233)
```
#ca31f1
```
#ca31f1 rgb(202,49,241)
```
#cf29f9
```
#cf29f9 rgb(207,41,249)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#86678e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fc Protanopia 1% of men
#3087dd Deuteranopia 1% of men
#b97078 Tritanopia 0.001% of the population

Trichromacy

#4964f8 Protanomaly 1% of men, 0.01% of women
#6867e4 Deuteranomaly 6% of men, 0.4% of women
#bf59a4 Tritanomaly 0.01% of the population

#ca31f1 hex color

#ca31f1 Color Information

#ca31f1 Color Conversion

Color Schemes with #ca31f1

Alternatives to #ca31f1

#ca31f1 Preview

Shades and Tints of #ca31f1

Tones of #ca31f1

Color Blindness Simulator