#e316ff hex color

In a RGB color space, hex #e316ff is composed of 89% red, 8.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 11% cyan, 91.4% magenta, 0% yellow and 0% black. It has a hue angle of 292.8 degrees, a saturation of 100% and a lightness of 54.3%. #e316ff color hex could be obtained by blending #ff2cff with #c700ff. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 89
- G 9
- B 100
RGB color chart
- C 11
- M 91
- Y 0
- K 0
CMYK color chart

● #e316ff color description : Vivid magenta.

The hexadecimal color #e316ff has RGB values of R:227, G:22, B:255 and CMYK values of C:0.11, M:0.91, Y:0, K:0. Its decimal value is 14882559.

Hex triplet	e316ff	`#e316ff`
RGB Decimal	227, 22, 255	`rgb(227,22,255)`
RGB Percent	89, 8.6, 100	`rgb(89%,8.6%,100%)`
CMYK	11, 91, 0, 0
HSL	292.8°, 100, 54.3	`hsl(292.8,100%,54.3%)`
HSV (or HSB)	292.8°, 91.4, 100
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	56.215, 92.391, -67.685
XYZ	50.014, 24.128, 96.625
xyY	0.293, 0.141, 24.128
CIE-LCH	56.215, 114.531, 323.774
CIE-LUV	56.215, 63.739, -116.14
Hunter-Lab	49.12, 95.789, -82.247
Binary	11100011, 00010110, 11111111

#e316ff
```
#e316ff rgb(227,22,255)
```
#32ff16
```
#32ff16 rgb(50,255,22)
```

Complementary Color

#6f16ff
```
#6f16ff rgb(111,22,255)
```
#e316ff
```
#e316ff rgb(227,22,255)
```
#ff16a7
```
#ff16a7 rgb(255,22,167)
```

Analogous Color

#16ff6f
```
#16ff6f rgb(22,255,111)
```
#e316ff
```
#e316ff rgb(227,22,255)
```
#a7ff16
```
#a7ff16 rgb(167,255,22)
```

Split Complementary Color

#16ffe3
```
#16ffe3 rgb(22,255,227)
```
#e316ff
```
#e316ff rgb(227,22,255)
```
#ffe316
```
#ffe316 rgb(255,227,22)
```

Triadic Color

#1632ff
```
#1632ff rgb(22,50,255)
```
#e316ff
```
#e316ff rgb(227,22,255)
```
#ffe316
```
#ffe316 rgb(255,227,22)
```
#32ff16
```
#32ff16 rgb(50,255,22)
```

Tetradic Color

#b000c9
```
#b000c9 rgb(176,0,201)
```
#c700e2
```
#c700e2 rgb(199,0,226)
```
#dd00fc
```
#dd00fc rgb(221,0,252)
```
#e316ff
```
#e316ff rgb(227,22,255)
```
#e630ff
```
#e630ff rgb(230,48,255)
```
#e949ff
```
#e949ff rgb(233,73,255)
```
#ec63ff
```
#ec63ff rgb(236,99,255)
```

Monochromatic Color

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

#a916ff
```
#a916ff rgb(169,22,255)
```
#bc16ff
```
#bc16ff rgb(188,22,255)
```
#d016ff
```
#d016ff rgb(208,22,255)
```
#e316ff
```
#e316ff rgb(227,22,255)
```
#f616ff
```
#f616ff rgb(246,22,255)
```
#ff16f4
```
#ff16f4 rgb(255,22,244)
```
#ff16e1
```
#ff16e1 rgb(255,22,225)
```

Similar Colors

Text with hexadecimal color #e316ff

This text has a font color of #e316ff.

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

#e316ff background color

This paragraph has a background color of #e316ff.

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

#e316ff border color

This element has a border color of #e316ff.

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

CSS codes

.text {color:#e316ff;}

.background {background-color:#e316ff;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#130016
```
#130016 rgb(19,0,22)
```
#25002a
```
#25002a rgb(37,0,42)
```
#36003d
```
#36003d rgb(54,0,61)
```
#470051
```
#470051 rgb(71,0,81)
```
#580064
```
#580064 rgb(88,0,100)
```
#6a0078
```
#6a0078 rgb(106,0,120)
```
#7b008c
```
#7b008c rgb(123,0,140)
```
#8c009f
```
#8c009f rgb(140,0,159)
```
#9d00b3
```
#9d00b3 rgb(157,0,179)
```
#af00c7
```
#af00c7 rgb(175,0,199)
```
#c000da
```
#c000da rgb(192,0,218)
```
#d100ee
```
#d100ee rgb(209,0,238)
```

Shade Color Variation

#e102ff
```
#e102ff rgb(225,2,255)
```
#e316ff
```
#e316ff rgb(227,22,255)
```
#e52aff
```
#e52aff rgb(229,42,255)
```
#e83dff
```
#e83dff rgb(232,61,255)
```
#ea51ff
```
#ea51ff rgb(234,81,255)
```
#ec64ff
```
#ec64ff rgb(236,100,255)
```
#ef78ff
```
#ef78ff rgb(239,120,255)
```
#f18cff
```
#f18cff rgb(241,140,255)
```
#f49fff
```
#f49fff rgb(244,159,255)
```
#f6b3ff
```
#f6b3ff rgb(246,179,255)
```
#f8c7ff
```
#f8c7ff rgb(248,199,255)
```
#fbdaff
```
#fbdaff rgb(251,218,255)
```
#fdeeff
```
#fdeeff rgb(253,238,255)
```

Tint Color Variation

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

#918293
```
#918293 rgb(145,130,147)
```
#98799c
```
#98799c rgb(152,121,156)
```
#9f70a5
```
#9f70a5 rgb(159,112,165)
```
#a667ae
```
#a667ae rgb(166,103,174)
```
#ad5eb7
```
#ad5eb7 rgb(173,94,183)
```
#b355c0
```
#b355c0 rgb(179,85,192)
```
#ba4cc9
```
#ba4cc9 rgb(186,76,201)
```
#c143d2
```
#c143d2 rgb(193,67,210)
```
#c83adb
```
#c83adb rgb(200,58,219)
```
#cf31e4
```
#cf31e4 rgb(207,49,228)
```
#d528ed
```
#d528ed rgb(213,40,237)
```
#dc1ff6
```
#dc1ff6 rgb(220,31,246)
```
#e316ff
```
#e316ff rgb(227,22,255)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#855c8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c89ff Protanopia 1% of men
#3c8ee7 Deuteranopia 1% of men
#d06f76 Tritanopia 0.001% of the population

Trichromacy

#795fff Protanomaly 1% of men, 0.01% of women
#7962ef Deuteranomaly 6% of men, 0.4% of women
#d74ea8 Tritanomaly 0.01% of the population

#e316ff hex color

#e316ff Color Information

#e316ff Color Conversion

Color Schemes with #e316ff

Alternatives to #e316ff

#e316ff Preview

Shades and Tints of #e316ff

Tones of #e316ff

Color Blindness Simulator