#e316d4 hex color

In a RGB color space, hex #e316d4 is composed of 89% red, 8.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.3% magenta, 6.6% yellow and 11% black. It has a hue angle of 304.4 degrees, a saturation of 82.3% and a lightness of 48.8%. #e316d4 color hex could be obtained by blending #ff2cff with #c700a9. Closest websafe color is: #cc00cc.

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

● #e316d4 color description : Vivid magenta.

The hexadecimal color #e316d4 has RGB values of R:227, G:22, B:212 and CMYK values of C:0, M:0.9, Y:0.07, K:0.11. Its decimal value is 14882516.

Hex triplet	e316d4	`#e316d4`
RGB Decimal	227, 22, 212	`rgb(227,22,212)`
RGB Percent	89, 8.6, 83.1	`rgb(89%,8.6%,83.1%)`
CMYK	0, 90, 7, 11
HSL	304.4°, 82.3, 48.8	`hsl(304.4,82.3%,48.8%)`
HSV (or HSB)	304.4°, 90.3, 89
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	53.666, 86.061, -47.556
XYZ	43.849, 21.661, 64.155
xyY	0.338, 0.167, 21.661
CIE-LCH	53.666, 98.326, 331.076
CIE-LUV	53.666, 80.003, -84.398
Hunter-Lab	46.542, 86.722, -49.149
Binary	11100011, 00010110, 11010100

#e316d4
```
#e316d4 rgb(227,22,212)
```
#16e325
```
#16e325 rgb(22,227,37)
```

Complementary Color

#8c16e3
```
#8c16e3 rgb(140,22,227)
```
#e316d4
```
#e316d4 rgb(227,22,212)
```
#e3166e
```
#e3166e rgb(227,22,110)
```

Analogous Color

#16e38c
```
#16e38c rgb(22,227,140)
```
#e316d4
```
#e316d4 rgb(227,22,212)
```
#6ee316
```
#6ee316 rgb(110,227,22)
```

Split Complementary Color

#16d4e3
```
#16d4e3 rgb(22,212,227)
```
#e316d4
```
#e316d4 rgb(227,22,212)
```
#d4e316
```
#d4e316 rgb(212,227,22)
```

Triadic Color

#2516e3
```
#2516e3 rgb(37,22,227)
```
#e316d4
```
#e316d4 rgb(227,22,212)
```
#d4e316
```
#d4e316 rgb(212,227,22)
```
#16e325
```
#16e325 rgb(22,227,37)
```

Tetradic Color

#9d0f93
```
#9d0f93 rgb(157,15,147)
```
#b511a9
```
#b511a9 rgb(181,17,169)
```
#cc14be
```
#cc14be rgb(204,20,190)
```
#e316d4
```
#e316d4 rgb(227,22,212)
```
#ea28dc
```
#ea28dc rgb(234,40,220)
```
#ec40e0
```
#ec40e0 rgb(236,64,224)
```
#ef57e4
```
#ef57e4 rgb(239,87,228)
```

Monochromatic Color

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

#bf16e3
```
#bf16e3 rgb(191,22,227)
```
#d016e3
```
#d016e3 rgb(208,22,227)
```
#e116e3
```
#e116e3 rgb(225,22,227)
```
#e316d4
```
#e316d4 rgb(227,22,212)
```
#e316c3
```
#e316c3 rgb(227,22,195)
```
#e316b2
```
#e316b2 rgb(227,22,178)
```
#e316a1
```
#e316a1 rgb(227,22,161)
```

Similar Colors

Text with hexadecimal color #e316d4

This text has a font color of #e316d4.

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

#e316d4 background color

This paragraph has a background color of #e316d4.

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

#e316d4 border color

This element has a border color of #e316d4.

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

CSS codes

.text {color:#e316d4;}

.background {background-color:#e316d4;}

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

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

#0c010c
```
#0c010c rgb(12,1,12)
```
#1e031c
```
#1e031c rgb(30,3,28)
```
#30052d
```
#30052d rgb(48,5,45)
```
#42063e
```
#42063e rgb(66,6,62)
```
#54084e
```
#54084e rgb(84,8,78)
```
#660a5f
```
#660a5f rgb(102,10,95)
```
#780c70
```
#780c70 rgb(120,12,112)
```
#8a0d80
```
#8a0d80 rgb(138,13,128)
```
#9b0f91
```
#9b0f91 rgb(155,15,145)
```
#ad11a2
```
#ad11a2 rgb(173,17,162)
```
#bf13b3
```
#bf13b3 rgb(191,19,179)
```
#d114c3
```
#d114c3 rgb(209,20,195)
```
#e316d4
```
#e316d4 rgb(227,22,212)
```

Shade Color Variation

#ea23db
```
#ea23db rgb(234,35,219)
```
#eb35de
```
#eb35de rgb(235,53,222)
```
#ed47e1
```
#ed47e1 rgb(237,71,225)
```
#ef59e4
```
#ef59e4 rgb(239,89,228)
```
#f16ae7
```
#f16ae7 rgb(241,106,231)
```
#f27cea
```
#f27cea rgb(242,124,234)
```
#f48eed
```
#f48eed rgb(244,142,237)
```
#f6a0f0
```
#f6a0f0 rgb(246,160,240)
```
#f8b2f2
```
#f8b2f2 rgb(248,178,242)
```
#f9c4f5
```
#f9c4f5 rgb(249,196,245)
```
#fbd6f8
```
#fbd6f8 rgb(251,214,248)
```
#fde8fb
```
#fde8fb rgb(253,232,251)
```
#fefafe
```
#fefafe rgb(254,250,254)
```

Tint Color Variation

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

#837682
```
#837682 rgb(131,118,130)
```
#8d6c8a
```
#8d6c8a rgb(141,108,138)
```
#966393
```
#966393 rgb(150,99,147)
```
#a0599b
```
#a0599b rgb(160,89,155)
```
#aa4fa3
```
#aa4fa3 rgb(170,79,163)
```
#b346ab
```
#b346ab rgb(179,70,171)
```
#bd3cb3
```
#bd3cb3 rgb(189,60,179)
```
#c633bb
```
#c633bb rgb(198,51,187)
```
#d029c4
```
#d029c4 rgb(208,41,196)
```
#d920cc
```
#d920cc rgb(217,32,204)
```
#e316d4
```
#e316d4 rgb(227,22,212)
```
#ed0cdc
```
#ed0cdc rgb(237,12,220)
```
#f603e4
```
#f603e4 rgb(246,3,228)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#81587e Atypical Achromatopsia 0.001% of the population

Dichromacy

#1482ff Protanopia 1% of men
#6986c2 Deuteranopia 1% of men
#d75e64 Tritanopia 0.001% of the population

Trichromacy

#5f5bef Protanomaly 1% of men, 0.01% of women
#955dc8 Deuteranomaly 6% of men, 0.4% of women
#db448c Tritanomaly 0.01% of the population

#e316d4 hex color

#e316d4 Color Information

#e316d4 Color Conversion

Color Schemes with #e316d4

Alternatives to #e316d4

#e316d4 Preview

Shades and Tints of #e316d4

Tones of #e316d4

Color Blindness Simulator