#e312c4 hex color

In a RGB color space, hex #e312c4 is composed of 89% red, 7.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.1% magenta, 13.7% yellow and 11% black. It has a hue angle of 308.9 degrees, a saturation of 85.3% and a lightness of 48%. #e312c4 color hex could be obtained by blending #ff24ff with #c70089. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 89
- G 7
- B 77
RGB color chart
- C 0
- M 92
- Y 14
- K 11
CMYK color chart

● #e312c4 color description : Vivid magenta.

The hexadecimal color #e312c4 has RGB values of R:227, G:18, B:196 and CMYK values of C:0, M:0.92, Y:0.14, K:0.11. Its decimal value is 14881476.

Hex triplet	e312c4	`#e312c4`
RGB Decimal	227, 18, 196	`rgb(227,18,196)`
RGB Percent	89, 7.1, 76.9	`rgb(89%,7.1%,76.9%)`
CMYK	0, 92, 14, 11
HSL	308.9°, 85.3, 48	`hsl(308.9,85.3%,48%)`
HSV (or HSB)	308.9°, 92.1, 89
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	52.678, 84.386, -39.922
XYZ	41.859, 20.753, 54.023
xyY	0.359, 0.178, 20.753
CIE-LCH	52.678, 93.353, 334.681
CIE-LUV	52.678, 87.066, -72.468
Hunter-Lab	45.555, 84.295, -38.422
Binary	11100011, 00010010, 11000100

#e312c4
```
#e312c4 rgb(227,18,196)
```
#12e331
```
#12e331 rgb(18,227,49)
```

Complementary Color

#9a12e3
```
#9a12e3 rgb(154,18,227)
```
#e312c4
```
#e312c4 rgb(227,18,196)
```
#e3125c
```
#e3125c rgb(227,18,92)
```

Analogous Color

#12e39a
```
#12e39a rgb(18,227,154)
```
#e312c4
```
#e312c4 rgb(227,18,196)
```
#5ce312
```
#5ce312 rgb(92,227,18)
```

Split Complementary Color

#12c4e3
```
#12c4e3 rgb(18,196,227)
```
#e312c4
```
#e312c4 rgb(227,18,196)
```
#c4e312
```
#c4e312 rgb(196,227,18)
```

Triadic Color

#3112e3
```
#3112e3 rgb(49,18,227)
```
#e312c4
```
#e312c4 rgb(227,18,196)
```
#c4e312
```
#c4e312 rgb(196,227,18)
```
#12e331
```
#12e331 rgb(18,227,49)
```

Tetradic Color

#9c0c87
```
#9c0c87 rgb(156,12,135)
```
#b40e9b
```
#b40e9b rgb(180,14,155)
```
#cb10b0
```
#cb10b0 rgb(203,16,176)
```
#e312c4
```
#e312c4 rgb(227,18,196)
```
#ed21cf
```
#ed21cf rgb(237,33,207)
```
#ef39d4
```
#ef39d4 rgb(239,57,212)
```
#f150d9
```
#f150d9 rgb(241,80,217)
```

Monochromatic Color

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

#ce12e3
```
#ce12e3 rgb(206,18,227)
```
#df12e3
```
#df12e3 rgb(223,18,227)
```
#e312d5
```
#e312d5 rgb(227,18,213)
```
#e312c4
```
#e312c4 rgb(227,18,196)
```
#e312b3
```
#e312b3 rgb(227,18,179)
```
#e312a1
```
#e312a1 rgb(227,18,161)
```
#e31290
```
#e31290 rgb(227,18,144)
```

Similar Colors

Text with hexadecimal color #e312c4

This text has a font color of #e312c4.

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

#e312c4 background color

This paragraph has a background color of #e312c4.

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

#e312c4 border color

This element has a border color of #e312c4.

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

CSS codes

.text {color:#e312c4;}

.background {background-color:#e312c4;}

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

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

#090108
```
#090108 rgb(9,1,8)
```
#1b0217
```
#1b0217 rgb(27,2,23)
```
#2d0427
```
#2d0427 rgb(45,4,39)
```
#3f0537
```
#3f0537 rgb(63,5,55)
```
#520646
```
#520646 rgb(82,6,70)
```
#640856
```
#640856 rgb(100,8,86)
```
#760966
```
#760966 rgb(118,9,102)
```
#880b76
```
#880b76 rgb(136,11,118)
```
#9a0c85
```
#9a0c85 rgb(154,12,133)
```
#ac0e95
```
#ac0e95 rgb(172,14,149)
```
#bf0fa5
```
#bf0fa5 rgb(191,15,165)
```
#d111b4
```
#d111b4 rgb(209,17,180)
```
#e312c4
```
#e312c4 rgb(227,18,196)
```

Shade Color Variation

#ed1cce
```
#ed1cce rgb(237,28,206)
```
#ee2ed2
```
#ee2ed2 rgb(238,46,210)
```
#f040d6
```
#f040d6 rgb(240,64,214)
```
#f152da
```
#f152da rgb(241,82,218)
```
#f364de
```
#f364de rgb(243,100,222)
```
#f477e2
```
#f477e2 rgb(244,119,226)
```
#f689e5
```
#f689e5 rgb(246,137,229)
```
#f79be9
```
#f79be9 rgb(247,155,233)
```
#f9aded
```
#f9aded rgb(249,173,237)
```
#fabff1
```
#fabff1 rgb(250,191,241)
```
#fbd1f5
```
#fbd1f5 rgb(251,209,245)
```
#fde4f9
```
#fde4f9 rgb(253,228,249)
```
#fef6fd
```
#fef6fd rgb(254,246,253)
```

Tint Color Variation

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

#7b7a7b
```
#7b7a7b rgb(123,122,123)
```
#857082
```
#857082 rgb(133,112,130)
```
#8e6788
```
#8e6788 rgb(142,103,136)
```
#985d8f
```
#985d8f rgb(152,93,143)
```
#a15496
```
#a15496 rgb(161,84,150)
```
#aa4b9c
```
#aa4b9c rgb(170,75,156)
```
#b441a3
```
#b441a3 rgb(180,65,163)
```
#bd38a9
```
#bd38a9 rgb(189,56,169)
```
#c72eb0
```
#c72eb0 rgb(199,46,176)
```
#d025b7
```
#d025b7 rgb(208,37,183)
```
#da1bbd
```
#da1bbd rgb(218,27,189)
```
#e312c4
```
#e312c4 rgb(227,18,196)
```
#ec09cb
```
#ec09cb rgb(236,9,203)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#7e5478 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fb Protanopia 1% of men
#7283b4 Deuteranopia 1% of men
#da575c Tritanopia 0.001% of the population

Trichromacy

#5258e7 Protanomaly 1% of men, 0.01% of women
#9b5aba Deuteranomaly 6% of men, 0.4% of women
#dd3e82 Tritanomaly 0.01% of the population

#e312c4 hex color

#e312c4 Color Information

#e312c4 Color Conversion

Color Schemes with #e312c4

Alternatives to #e312c4

#e312c4 Preview

Shades and Tints of #e312c4

Tones of #e312c4

Color Blindness Simulator