#e31af5 hex color

In a RGB color space, hex #e31af5 is composed of 89% red, 10.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 7.3% cyan, 89.4% magenta, 0% yellow and 3.9% black. It has a hue angle of 295.1 degrees, a saturation of 91.6% and a lightness of 53.1%. #e31af5 color hex could be obtained by blending #ff34ff with #c700eb. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 89
- G 10
- B 96
RGB color chart
- C 7
- M 89
- Y 0
- K 4
CMYK color chart

● #e31af5 color description : Vivid magenta.

The hexadecimal color #e31af5 has RGB values of R:227, G:26, B:245 and CMYK values of C:0.07, M:0.89, Y:0, K:0.04. Its decimal value is 14883573.

Hex triplet	e31af5	`#e31af5`
RGB Decimal	227, 26, 245	`rgb(227,26,245)`
RGB Percent	89, 10.2, 96.1	`rgb(89%,10.2%,96.1%)`
CMYK	7, 89, 0, 4
HSL	295.1°, 91.6, 53.1	`hsl(295.1,91.6%,53.1%)`
HSV (or HSB)	295.1°, 89.4, 96.1
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	55.751, 90.355, -62.865
XYZ	48.528, 23.665, 88.393
xyY	0.302, 0.147, 23.665
CIE-LCH	55.751, 110.073, 325.172
CIE-LUV	55.751, 67.003, -108.584
Hunter-Lab	48.647, 92.931, -73.679
Binary	11100011, 00011010, 11110101

#e31af5
```
#e31af5 rgb(227,26,245)
```
#2cf51a
```
#2cf51a rgb(44,245,26)
```

Complementary Color

#761af5
```
#761af5 rgb(118,26,245)
```
#e31af5
```
#e31af5 rgb(227,26,245)
```
#f51a9a
```
#f51a9a rgb(245,26,154)
```

Analogous Color

#1af576
```
#1af576 rgb(26,245,118)
```
#e31af5
```
#e31af5 rgb(227,26,245)
```
#9af51a
```
#9af51a rgb(154,245,26)
```

Split Complementary Color

#1af5e3
```
#1af5e3 rgb(26,245,227)
```
#e31af5
```
#e31af5 rgb(227,26,245)
```
#f5e31a
```
#f5e31a rgb(245,227,26)
```

Triadic Color

#1a2cf5
```
#1a2cf5 rgb(26,44,245)
```
#e31af5
```
#e31af5 rgb(227,26,245)
```
#f5e31a
```
#f5e31a rgb(245,227,26)
```
#2cf51a
```
#2cf51a rgb(44,245,26)
```

Tetradic Color

#ac08ba
```
#ac08ba rgb(172,8,186)
```
#c209d3
```
#c209d3 rgb(194,9,211)
```
#d90aeb
```
#d90aeb rgb(217,10,235)
```
#e31af5
```
#e31af5 rgb(227,26,245)
```
#e632f6
```
#e632f6 rgb(230,50,246)
```
#e94bf7
```
#e94bf7 rgb(233,75,247)
```
#ec63f8
```
#ec63f8 rgb(236,99,248)
```

Monochromatic Color

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

#ac1af5
```
#ac1af5 rgb(172,26,245)
```
#bf1af5
```
#bf1af5 rgb(191,26,245)
```
#d11af5
```
#d11af5 rgb(209,26,245)
```
#e31af5
```
#e31af5 rgb(227,26,245)
```
#f51af5
```
#f51af5 rgb(245,26,245)
```
#f51ae3
```
#f51ae3 rgb(245,26,227)
```
#f51ad0
```
#f51ad0 rgb(245,26,208)
```

Similar Colors

Text with hexadecimal color #e31af5

This text has a font color of #e31af5.

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

#e31af5 background color

This paragraph has a background color of #e31af5.

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

#e31af5 border color

This element has a border color of #e31af5.

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

CSS codes

.text {color:#e31af5;}

.background {background-color:#e31af5;}

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

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

#0e010f
```
#0e010f rgb(14,1,15)
```
#1f0122
```
#1f0122 rgb(31,1,34)
```
#310235
```
#310235 rgb(49,2,53)
```
#420348
```
#420348 rgb(66,3,72)
```
#53045b
```
#53045b rgb(83,4,91)
```
#65056d
```
#65056d rgb(101,5,109)
```
#760680
```
#760680 rgb(118,6,128)
```
#870693
```
#870693 rgb(135,6,147)
```
#9907a6
```
#9907a6 rgb(153,7,166)
```
#aa08b8
```
#aa08b8 rgb(170,8,184)
```
#bb09cb
```
#bb09cb rgb(187,9,203)
```
#cd0ade
```
#cd0ade rgb(205,10,222)
```
#de0bf1
```
#de0bf1 rgb(222,11,241)
```

Shade Color Variation

#e31af5
```
#e31af5 rgb(227,26,245)
```
#e52df6
```
#e52df6 rgb(229,45,246)
```
#e840f7
```
#e840f7 rgb(232,64,247)
```
#ea52f7
```
#ea52f7 rgb(234,82,247)
```
#ec65f8
```
#ec65f8 rgb(236,101,248)
```
#ee78f9
```
#ee78f9 rgb(238,120,249)
```
#f18bfa
```
#f18bfa rgb(241,139,250)
```
#f39efb
```
#f39efb rgb(243,158,251)
```
#f5b0fc
```
#f5b0fc rgb(245,176,252)
```
#f8c3fc
```
#f8c3fc rgb(248,195,252)
```
#fad6fd
```
#fad6fd rgb(250,214,253)
```
#fce9fe
```
#fce9fe rgb(252,233,254)
```
#fffcff
```
#fffcff rgb(255,252,255)
```

Tint Color Variation

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

#8f7f90
```
#8f7f90 rgb(143,127,144)
```
#967699
```
#967699 rgb(150,118,153)
```
#9e6da2
```
#9e6da2 rgb(158,109,162)
```
#a664ab
```
#a664ab rgb(166,100,171)
```
#ad5ab5
```
#ad5ab5 rgb(173,90,181)
```
#b551be
```
#b551be rgb(181,81,190)
```
#bd48c7
```
#bd48c7 rgb(189,72,199)
```
#c43fd0
```
#c43fd0 rgb(196,63,208)
```
#cc36d9
```
#cc36d9 rgb(204,54,217)
```
#d42ce3
```
#d42ce3 rgb(212,44,227)
```
#db23ec
```
#db23ec rgb(219,35,236)
```
#e31af5
```
#e31af5 rgb(227,26,245)
```
#eb11fe
```
#eb11fe rgb(235,17,254)
```

Tone Color Variation

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

Dichromacy

#3888ff Protanopia 1% of men
#4c8cdf Deuteranopia 1% of men
#d26c72 Tritanopia 0.001% of the population

Trichromacy

#7660fb Protanomaly 1% of men, 0.01% of women
#8363e7 Deuteranomaly 6% of men, 0.4% of women
#d84ea2 Tritanomaly 0.01% of the population

#e31af5 hex color

#e31af5 Color Information

#e31af5 Color Conversion

Color Schemes with #e31af5

Alternatives to #e31af5

#e31af5 Preview

Shades and Tints of #e31af5

Tones of #e31af5

Color Blindness Simulator