#e31fdf hex color

In a RGB color space, hex #e31fdf is composed of 89% red, 12.2% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.3% magenta, 1.8% yellow and 11% black. It has a hue angle of 301.2 degrees, a saturation of 77.8% and a lightness of 50.6%. #e31fdf color hex could be obtained by blending #ff3eff with #c700bf. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 89
- G 12
- B 87
RGB color chart
- C 0
- M 86
- Y 2
- K 11
CMYK color chart

● #e31fdf color description : Vivid magenta.

The hexadecimal color #e31fdf has RGB values of R:227, G:31, B:223 and CMYK values of C:0, M:0.86, Y:0.02, K:0.11. Its decimal value is 14884831.

Hex triplet	e31fdf	`#e31fdf`
RGB Decimal	227, 31, 223	`rgb(227,31,223)`
RGB Percent	89, 12.2, 87.5	`rgb(89%,12.2%,87.5%)`
CMYK	0, 86, 2, 11
HSL	301.2°, 77.8, 50.6	`hsl(301.2,77.8%,50.6%)`
HSV (or HSB)	301.2°, 86.3, 89
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	54.701, 86.351, -52.168
XYZ	45.487, 22.642, 71.783
xyY	0.325, 0.162, 22.642
CIE-LCH	54.701, 100.886, 328.862
CIE-LUV	54.701, 74.791, -91.713
Hunter-Lab	47.583, 87.365, -56.134
Binary	11100011, 00011111, 11011111

#e31fdf
```
#e31fdf rgb(227,31,223)
```
#1fe323
```
#1fe323 rgb(31,227,35)
```

Complementary Color

#851fe3
```
#851fe3 rgb(133,31,227)
```
#e31fdf
```
#e31fdf rgb(227,31,223)
```
#e31f7d
```
#e31f7d rgb(227,31,125)
```

Analogous Color

#1fe385
```
#1fe385 rgb(31,227,133)
```
#e31fdf
```
#e31fdf rgb(227,31,223)
```
#7de31f
```
#7de31f rgb(125,227,31)
```

Split Complementary Color

#1fdfe3
```
#1fdfe3 rgb(31,223,227)
```
#e31fdf
```
#e31fdf rgb(227,31,223)
```
#dfe31f
```
#dfe31f rgb(223,227,31)
```

Triadic Color

#231fe3
```
#231fe3 rgb(35,31,227)
```
#e31fdf
```
#e31fdf rgb(227,31,223)
```
#dfe31f
```
#dfe31f rgb(223,227,31)
```
#1fe323
```
#1fe323 rgb(31,227,35)
```

Tetradic Color

#a1149e
```
#a1149e rgb(161,20,158)
```
#b817b5
```
#b817b5 rgb(184,23,181)
```
#cf1acb
```
#cf1acb rgb(207,26,203)
```
#e31fdf
```
#e31fdf rgb(227,31,223)
```
#e636e2
```
#e636e2 rgb(230,54,226)
```
#e94ce5
```
#e94ce5 rgb(233,76,229)
```
#ec63e9
```
#ec63e9 rgb(236,99,233)
```

Monochromatic Color

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

#b61fe3
```
#b61fe3 rgb(182,31,227)
```
#c61fe3
```
#c61fe3 rgb(198,31,227)
```
#d71fe3
```
#d71fe3 rgb(215,31,227)
```
#e31fdf
```
#e31fdf rgb(227,31,223)
```
#e31fcf
```
#e31fcf rgb(227,31,207)
```
#e31fbe
```
#e31fbe rgb(227,31,190)
```
#e31fae
```
#e31fae rgb(227,31,174)
```

Similar Colors

Text with hexadecimal color #e31fdf

This text has a font color of #e31fdf.

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

#e31fdf background color

This paragraph has a background color of #e31fdf.

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

#e31fdf border color

This element has a border color of #e31fdf.

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

CSS codes

.text {color:#e31fdf;}

.background {background-color:#e31fdf;}

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

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

#030003
```
#030003 rgb(3,0,3)
```
#140314
```
#140314 rgb(20,3,20)
```
#260525
```
#260525 rgb(38,5,37)
```
#370736
```
#370736 rgb(55,7,54)
```
#480947
```
#480947 rgb(72,9,71)
```
#5a0b58
```
#5a0b58 rgb(90,11,88)
```
#6b0d69
```
#6b0d69 rgb(107,13,105)
```
#7d107a
```
#7d107a rgb(125,16,122)
```
#8e128c
```
#8e128c rgb(142,18,140)
```
#a0149d
```
#a0149d rgb(160,20,157)
```
#b116ae
```
#b116ae rgb(177,22,174)
```
#c218bf
```
#c218bf rgb(194,24,191)
```
#d41ad0
```
#d41ad0 rgb(212,26,208)
```

Shade Color Variation

#e31fdf
```
#e31fdf rgb(227,31,223)
```
#e530e1
```
#e530e1 rgb(229,48,225)
```
#e742e4
```
#e742e4 rgb(231,66,228)
```
#ea53e6
```
#ea53e6 rgb(234,83,230)
```
#ec65e9
```
#ec65e9 rgb(236,101,233)
```
#ee76eb
```
#ee76eb rgb(238,118,235)
```
#f088ee
```
#f088ee rgb(240,136,238)
```
#f299f0
```
#f299f0 rgb(242,153,240)
```
#f4aaf3
```
#f4aaf3 rgb(244,170,243)
```
#f7bcf5
```
#f7bcf5 rgb(247,188,245)
```
#f9cdf8
```
#f9cdf8 rgb(249,205,248)
```
#fbdffa
```
#fbdffa rgb(251,223,250)
```
#fdf0fd
```
#fdf0fd rgb(253,240,253)
```

Tint Color Variation

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

#828082
```
#828082 rgb(130,128,130)
```
#8c768b
```
#8c768b rgb(140,118,139)
```
#956d95
```
#956d95 rgb(149,109,149)
```
#9f639e
```
#9f639e rgb(159,99,158)
```
#a959a7
```
#a959a7 rgb(169,89,167)
```
#b34fb1
```
#b34fb1 rgb(179,79,177)
```
#bc46ba
```
#bc46ba rgb(188,70,186)
```
#c63cc3
```
#c63cc3 rgb(198,60,195)
```
#d032cc
```
#d032cc rgb(208,50,204)
```
#d929d6
```
#d929d6 rgb(217,41,214)
```
#e31fdf
```
#e31fdf rgb(227,31,223)
```
#ed15e8
```
#ed15e8 rgb(237,21,232)
```
#f60cf2
```
#f60cf2 rgb(246,12,242)
```

Tone Color Variation

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

Dichromacy

#2b85ff Protanopia 1% of men
#6389cc Deuteranopia 1% of men
#d6646a Tritanopia 0.001% of the population

Trichromacy

#6e60f3 Protanomaly 1% of men, 0.01% of women
#9162d3 Deuteranomaly 6% of men, 0.4% of women
#db4b95 Tritanomaly 0.01% of the population

#e31fdf hex color

#e31fdf Color Information

#e31fdf Color Conversion

Color Schemes with #e31fdf

Alternatives to #e31fdf

#e31fdf Preview

Shades and Tints of #e31fdf

Tones of #e31fdf

Color Blindness Simulator