#e31fb4 hex color

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

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

● #e31fb4 color description : Vivid magenta.

The hexadecimal color #e31fb4 has RGB values of R:227, G:31, B:180 and CMYK values of C:0, M:0.86, Y:0.21, K:0.11. Its decimal value is 14884788.

Hex triplet	e31fb4	`#e31fb4`
RGB Decimal	227, 31, 180	`rgb(227,31,180)`
RGB Percent	89, 12.2, 70.6	`rgb(89%,12.2%,70.6%)`
CMYK	0, 86, 21, 11
HSL	314.4°, 77.8, 50.6	`hsl(314.4,77.8%,50.6%)`
HSV (or HSB)	314.4°, 86.3, 89
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	52.52, 80.617, -30.868
XYZ	40.407, 20.61, 45.028
xyY	0.381, 0.194, 20.61
CIE-LCH	52.52, 86.325, 339.048
CIE-LUV	52.52, 92.625, -58.444
Hunter-Lab	45.398, 79.429, -27.028
Binary	11100011, 00011111, 10110100

#e31fb4
```
#e31fb4 rgb(227,31,180)
```
#1fe34e
```
#1fe34e rgb(31,227,78)
```

Complementary Color

#b01fe3
```
#b01fe3 rgb(176,31,227)
```
#e31fb4
```
#e31fb4 rgb(227,31,180)
```
#e31f52
```
#e31f52 rgb(227,31,82)
```

Analogous Color

#1fe3b0
```
#1fe3b0 rgb(31,227,176)
```
#e31fb4
```
#e31fb4 rgb(227,31,180)
```
#52e31f
```
#52e31f rgb(82,227,31)
```

Split Complementary Color

#1fb4e3
```
#1fb4e3 rgb(31,180,227)
```
#e31fb4
```
#e31fb4 rgb(227,31,180)
```
#b4e31f
```
#b4e31f rgb(180,227,31)
```

Triadic Color

#4e1fe3
```
#4e1fe3 rgb(78,31,227)
```
#e31fb4
```
#e31fb4 rgb(227,31,180)
```
#b4e31f
```
#b4e31f rgb(180,227,31)
```
#1fe34e
```
#1fe34e rgb(31,227,78)
```

Tetradic Color

#a1147f
```
#a1147f rgb(161,20,127)
```
#b81791
```
#b81791 rgb(184,23,145)
```
#cf1aa3
```
#cf1aa3 rgb(207,26,163)
```
#e31fb4
```
#e31fb4 rgb(227,31,180)
```
#e636bc
```
#e636bc rgb(230,54,188)
```
#e94cc3
```
#e94cc3 rgb(233,76,195)
```
#ec63cb
```
#ec63cb rgb(236,99,203)
```

Monochromatic Color

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

#e11fe3
```
#e11fe3 rgb(225,31,227)
```
#e31fd5
```
#e31fd5 rgb(227,31,213)
```
#e31fc4
```
#e31fc4 rgb(227,31,196)
```
#e31fb4
```
#e31fb4 rgb(227,31,180)
```
#e31fa4
```
#e31fa4 rgb(227,31,164)
```
#e31f93
```
#e31f93 rgb(227,31,147)
```
#e31f83
```
#e31f83 rgb(227,31,131)
```

Similar Colors

Text with hexadecimal color #e31fb4

This text has a font color of #e31fb4.

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

#e31fb4 background color

This paragraph has a background color of #e31fb4.

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

#e31fb4 border color

This element has a border color of #e31fb4.

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

CSS codes

.text {color:#e31fb4;}

.background {background-color:#e31fb4;}

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

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

#030002
```
#030002 rgb(3,0,2)
```
#140310
```
#140310 rgb(20,3,16)
```
#26051e
```
#26051e rgb(38,5,30)
```
#37072b
```
#37072b rgb(55,7,43)
```
#480939
```
#480939 rgb(72,9,57)
```
#5a0b47
```
#5a0b47 rgb(90,11,71)
```
#6b0d55
```
#6b0d55 rgb(107,13,85)
```
#7d1063
```
#7d1063 rgb(125,16,99)
```
#8e1270
```
#8e1270 rgb(142,18,112)
```
#a0147e
```
#a0147e rgb(160,20,126)
```
#b1168c
```
#b1168c rgb(177,22,140)
```
#c2189a
```
#c2189a rgb(194,24,154)
```
#d41aa7
```
#d41aa7 rgb(212,26,167)
```

Shade Color Variation

#e31fb4
```
#e31fb4 rgb(227,31,180)
```
#e530ba
```
#e530ba rgb(229,48,186)
```
#e742c0
```
#e742c0 rgb(231,66,192)
```
#ea53c6
```
#ea53c6 rgb(234,83,198)
```
#ec65cb
```
#ec65cb rgb(236,101,203)
```
#ee76d1
```
#ee76d1 rgb(238,118,209)
```
#f088d7
```
#f088d7 rgb(240,136,215)
```
#f299dd
```
#f299dd rgb(242,153,221)
```
#f4aae3
```
#f4aae3 rgb(244,170,227)
```
#f7bce9
```
#f7bce9 rgb(247,188,233)
```
#f9cdee
```
#f9cdee rgb(249,205,238)
```
#fbdff4
```
#fbdff4 rgb(251,223,244)
```
#fdf0fa
```
#fdf0fa rgb(253,240,250)
```

Tint Color Variation

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

#828082
```
#828082 rgb(130,128,130)
```
#8c7687
```
#8c7687 rgb(140,118,135)
```
#956d8c
```
#956d8c rgb(149,109,140)
```
#9f6391
```
#9f6391 rgb(159,99,145)
```
#a95996
```
#a95996 rgb(169,89,150)
```
#b34f9b
```
#b34f9b rgb(179,79,155)
```
#bc46a0
```
#bc46a0 rgb(188,70,160)
```
#c63ca5
```
#c63ca5 rgb(198,60,165)
```
#d032aa
```
#d032aa rgb(208,50,170)
```
#d929af
```
#d929af rgb(217,41,175)
```
#e31fb4
```
#e31fb4 rgb(227,31,180)
```
#ed15b9
```
#ed15b9 rgb(237,21,185)
```
#f60cbe
```
#f60cbe rgb(246,12,190)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#835c7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e80ed Protanopia 1% of men
#7c81a7 Deuteranopia 1% of men
#dc5459 Tritanopia 0.001% of the population

Trichromacy

#7a5dd8 Protanomaly 1% of men, 0.01% of women
#a15dab Deuteranomaly 6% of men, 0.4% of women
#de417a Tritanomaly 0.01% of the population

#e31fb4 hex color

#e31fb4 Color Information

#e31fb4 Color Conversion

Color Schemes with #e31fb4

Alternatives to #e31fb4

#e31fb4 Preview

Shades and Tints of #e31fb4

Tones of #e31fb4

Color Blindness Simulator