#e314f4 hex color

In a RGB color space, hex #e314f4 is composed of 89% red, 7.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 7% cyan, 91.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 295.4 degrees, a saturation of 91.1% and a lightness of 51.8%. #e314f4 color hex could be obtained by blending #ff28ff with #c700e9. Closest websafe color is: #cc00ff.

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

● #e314f4 color description : Vivid magenta.

The hexadecimal color #e314f4 has RGB values of R:227, G:20, B:244 and CMYK values of C:0.07, M:0.92, Y:0, K:0.04. Its decimal value is 14882036.

Hex triplet	e314f4	`#e314f4`
RGB Decimal	227, 20, 244	`rgb(227,20,244)`
RGB Percent	89, 7.8, 95.7	`rgb(89%,7.8%,95.7%)`
CMYK	7, 92, 0, 4
HSL	295.4°, 91.1, 51.8	`hsl(295.4,91.1%,51.8%)`
HSV (or HSB)	295.4°, 91.8, 95.7
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	55.447, 90.918, -62.794
XYZ	48.256, 23.366, 87.551
xyY	0.303, 0.147, 23.366
CIE-LCH	55.447, 110.495, 325.368
CIE-LUV	55.447, 67.76, -108.399
Hunter-Lab	48.338, 93.606, -73.551
Binary	11100011, 00010100, 11110100

#e314f4
```
#e314f4 rgb(227,20,244)
```
#25f414
```
#25f414 rgb(37,244,20)
```

Complementary Color

#7314f4
```
#7314f4 rgb(115,20,244)
```
#e314f4
```
#e314f4 rgb(227,20,244)
```
#f41495
```
#f41495 rgb(244,20,149)
```

Analogous Color

#14f473
```
#14f473 rgb(20,244,115)
```
#e314f4
```
#e314f4 rgb(227,20,244)
```
#95f414
```
#95f414 rgb(149,244,20)
```

Split Complementary Color

#14f4e3
```
#14f4e3 rgb(20,244,227)
```
#e314f4
```
#e314f4 rgb(227,20,244)
```
#f4e314
```
#f4e314 rgb(244,227,20)
```

Triadic Color

#1425f4
```
#1425f4 rgb(20,37,244)
```
#e314f4
```
#e314f4 rgb(227,20,244)
```
#f4e314
```
#f4e314 rgb(244,227,20)
```
#25f414
```
#25f414 rgb(37,244,20)
```

Tetradic Color

#a608b3
```
#a608b3 rgb(166,8,179)
```
#bd0acb
```
#bd0acb rgb(189,10,203)
```
#d30be4
```
#d30be4 rgb(211,11,228)
```
#e314f4
```
#e314f4 rgb(227,20,244)
```
#e62cf5
```
#e62cf5 rgb(230,44,245)
```
#e945f6
```
#e945f6 rgb(233,69,246)
```
#ec5df7
```
#ec5df7 rgb(236,93,247)
```

Monochromatic Color

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

#ab14f4
```
#ab14f4 rgb(171,20,244)
```
#be14f4
```
#be14f4 rgb(190,20,244)
```
#d014f4
```
#d014f4 rgb(208,20,244)
```
#e314f4
```
#e314f4 rgb(227,20,244)
```
#f414f2
```
#f414f2 rgb(244,20,242)
```
#f414e0
```
#f414e0 rgb(244,20,224)
```
#f414cd
```
#f414cd rgb(244,20,205)
```

Similar Colors

Text with hexadecimal color #e314f4

This text has a font color of #e314f4.

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

#e314f4 background color

This paragraph has a background color of #e314f4.

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

#e314f4 border color

This element has a border color of #e314f4.

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

CSS codes

.text {color:#e314f4;}

.background {background-color:#e314f4;}

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

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

#080009
```
#080009 rgb(8,0,9)
```
#19011b
```
#19011b rgb(25,1,27)
```
#2b022e
```
#2b022e rgb(43,2,46)
```
#3c0341
```
#3c0341 rgb(60,3,65)
```
#4e0454
```
#4e0454 rgb(78,4,84)
```
#5f0566
```
#5f0566 rgb(95,5,102)
```
#700679
```
#700679 rgb(112,6,121)
```
#82078c
```
#82078c rgb(130,7,140)
```
#93079f
```
#93079f rgb(147,7,159)
```
#a408b1
```
#a408b1 rgb(164,8,177)
```
#b609c4
```
#b609c4 rgb(182,9,196)
```
#c70ad7
```
#c70ad7 rgb(199,10,215)
```
#d90be9
```
#d90be9 rgb(217,11,233)
```

Shade Color Variation

#e314f4
```
#e314f4 rgb(227,20,244)
```
#e527f5
```
#e527f5 rgb(229,39,245)
```
#e739f6
```
#e739f6 rgb(231,57,246)
```
#ea4cf7
```
#ea4cf7 rgb(234,76,247)
```
#ec5ff8
```
#ec5ff8 rgb(236,95,248)
```
#ee72f8
```
#ee72f8 rgb(238,114,248)
```
#f084f9
```
#f084f9 rgb(240,132,249)
```
#f397fa
```
#f397fa rgb(243,151,250)
```
#f5aafb
```
#f5aafb rgb(245,170,251)
```
#f7bdfc
```
#f7bdfc rgb(247,189,252)
```
#f9cffd
```
#f9cffd rgb(249,207,253)
```
#fce2fe
```
#fce2fe rgb(252,226,254)
```
#fef5ff
```
#fef5ff rgb(254,245,255)
```

Tint Color Variation

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

#8b7c8c
```
#8b7c8c rgb(139,124,140)
```
#937395
```
#937395 rgb(147,115,149)
```
#9b699f
```
#9b699f rgb(155,105,159)
```
#a360a8
```
#a360a8 rgb(163,96,168)
```
#ab56b2
```
#ab56b2 rgb(171,86,178)
```
#b34dbb
```
#b34dbb rgb(179,77,187)
```
#bb43c5
```
#bb43c5 rgb(187,67,197)
```
#c33ace
```
#c33ace rgb(195,58,206)
```
#cb30d8
```
#cb30d8 rgb(203,48,216)
```
#d327e1
```
#d327e1 rgb(211,39,225)
```
#db1deb
```
#db1deb rgb(219,29,235)
```
#e314f4
```
#e314f4 rgb(227,20,244)
```
#eb0bfd
```
#eb0bfd rgb(235,11,253)
```

Tone Color Variation

Below, you can see how #e314f4 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
#835a86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3487ff Protanopia 1% of men
#4c8cdd Deuteranopia 1% of men
#d26a71 Tritanopia 0.001% of the population

Trichromacy

#735dfb Protanomaly 1% of men, 0.01% of women
#8360e5 Deuteranomaly 6% of men, 0.4% of women
#d84ba0 Tritanomaly 0.01% of the population

#e314f4 hex color

#e314f4 Color Information

#e314f4 Color Conversion

Color Schemes with #e314f4

Alternatives to #e314f4

#e314f4 Preview

Shades and Tints of #e314f4

Tones of #e314f4

Color Blindness Simulator