#e312b2 hex color

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

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

● #e312b2 color description : Vivid magenta.

The hexadecimal color #e312b2 has RGB values of R:227, G:18, B:178 and CMYK values of C:0, M:0.92, Y:0.22, K:0.11. Its decimal value is 14881458.

Hex triplet	e312b2	`#e312b2`
RGB Decimal	227, 18, 178	`rgb(227,18,178)`
RGB Percent	89, 7.1, 69.8	`rgb(89%,7.1%,69.8%)`
CMYK	0, 92, 22, 11
HSL	314.1°, 85.3, 48	`hsl(314.1,85.3%,48%)`
HSV (or HSB)	314.1°, 92.1, 89
Web Safe	cc0099	`#cc0099`

CIE-LAB	51.816, 82.167, -30.794
XYZ	39.931, 19.981, 43.871
xyY	0.385, 0.193, 19.981
CIE-LCH	51.816, 87.748, 339.455
CIE-LUV	51.816, 95.037, -58.429
Hunter-Lab	44.701, 81.227, -26.899
Binary	11100011, 00010010, 10110010

#e312b2
```
#e312b2 rgb(227,18,178)
```
#12e343
```
#12e343 rgb(18,227,67)
```

Complementary Color

#ac12e3
```
#ac12e3 rgb(172,18,227)
```
#e312b2
```
#e312b2 rgb(227,18,178)
```
#e3124a
```
#e3124a rgb(227,18,74)
```

Analogous Color

#12e3ac
```
#12e3ac rgb(18,227,172)
```
#e312b2
```
#e312b2 rgb(227,18,178)
```
#4ae312
```
#4ae312 rgb(74,227,18)
```

Split Complementary Color

#12b2e3
```
#12b2e3 rgb(18,178,227)
```
#e312b2
```
#e312b2 rgb(227,18,178)
```
#b2e312
```
#b2e312 rgb(178,227,18)
```

Triadic Color

#4312e3
```
#4312e3 rgb(67,18,227)
```
#e312b2
```
#e312b2 rgb(227,18,178)
```
#b2e312
```
#b2e312 rgb(178,227,18)
```
#12e343
```
#12e343 rgb(18,227,67)
```

Tetradic Color

#9c0c7a
```
#9c0c7a rgb(156,12,122)
```
#b40e8d
```
#b40e8d rgb(180,14,141)
```
#cb109f
```
#cb109f rgb(203,16,159)
```
#e312b2
```
#e312b2 rgb(227,18,178)
```
#ed21be
```
#ed21be rgb(237,33,190)
```
#ef39c4
```
#ef39c4 rgb(239,57,196)
```
#f150cb
```
#f150cb rgb(241,80,203)
```

Monochromatic Color

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

#e012e3
```
#e012e3 rgb(224,18,227)
```
#e312d5
```
#e312d5 rgb(227,18,213)
```
#e312c3
```
#e312c3 rgb(227,18,195)
```
#e312b2
```
#e312b2 rgb(227,18,178)
```
#e312a1
```
#e312a1 rgb(227,18,161)
```
#e3128f
```
#e3128f rgb(227,18,143)
```
#e3127e
```
#e3127e rgb(227,18,126)
```

Similar Colors

Text with hexadecimal color #e312b2

This text has a font color of #e312b2.

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

#e312b2 background color

This paragraph has a background color of #e312b2.

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

#e312b2 border color

This element has a border color of #e312b2.

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

CSS codes

.text {color:#e312b2;}

.background {background-color:#e312b2;}

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

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

#090107
```
#090107 rgb(9,1,7)
```
#1b0215
```
#1b0215 rgb(27,2,21)
```
#2d0423
```
#2d0423 rgb(45,4,35)
```
#3f0532
```
#3f0532 rgb(63,5,50)
```
#520640
```
#520640 rgb(82,6,64)
```
#64084e
```
#64084e rgb(100,8,78)
```
#76095c
```
#76095c rgb(118,9,92)
```
#880b6b
```
#880b6b rgb(136,11,107)
```
#9a0c79
```
#9a0c79 rgb(154,12,121)
```
#ac0e87
```
#ac0e87 rgb(172,14,135)
```
#bf0f95
```
#bf0f95 rgb(191,15,149)
```
#d111a4
```
#d111a4 rgb(209,17,164)
```
#e312b2
```
#e312b2 rgb(227,18,178)
```

Shade Color Variation

#ed1cbc
```
#ed1cbc rgb(237,28,188)
```
#ee2ec1
```
#ee2ec1 rgb(238,46,193)
```
#f040c7
```
#f040c7 rgb(240,64,199)
```
#f152cc
```
#f152cc rgb(241,82,204)
```
#f364d1
```
#f364d1 rgb(243,100,209)
```
#f477d7
```
#f477d7 rgb(244,119,215)
```
#f689dc
```
#f689dc rgb(246,137,220)
```
#f79be1
```
#f79be1 rgb(247,155,225)
```
#f9ade7
```
#f9ade7 rgb(249,173,231)
```
#fabfec
```
#fabfec rgb(250,191,236)
```
#fbd1f2
```
#fbd1f2 rgb(251,209,242)
```
#fde4f7
```
#fde4f7 rgb(253,228,247)
```
#fef6fc
```
#fef6fc rgb(254,246,252)
```

Tint Color Variation

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

#7b7a7b
```
#7b7a7b rgb(123,122,123)
```
#857080
```
#857080 rgb(133,112,128)
```
#8e6785
```
#8e6785 rgb(142,103,133)
```
#985d8a
```
#985d8a rgb(152,93,138)
```
#a1548f
```
#a1548f rgb(161,84,143)
```
#aa4b94
```
#aa4b94 rgb(170,75,148)
```
#b44199
```
#b44199 rgb(180,65,153)
```
#bd389e
```
#bd389e rgb(189,56,158)
```
#c72ea3
```
#c72ea3 rgb(199,46,163)
```
#d025a8
```
#d025a8 rgb(208,37,168)
```
#da1bad
```
#da1bad rgb(218,27,173)
```
#e312b2
```
#e312b2 rgb(227,18,178)
```
#ec09b7
```
#ec09b7 rgb(236,9,183)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#7d5373 Atypical Achromatopsia 0.001% of the population

Dichromacy

#357eee Protanopia 1% of men
#7a80a4 Deuteranopia 1% of men
#dc5054 Tritanopia 0.001% of the population

Trichromacy

#7457d8 Protanomaly 1% of men, 0.01% of women
#a058a9 Deuteranomaly 6% of men, 0.4% of women
#de3976 Tritanomaly 0.01% of the population

#e312b2 hex color

#e312b2 Color Information

#e312b2 Color Conversion

Color Schemes with #e312b2

Alternatives to #e312b2

#e312b2 Preview

Shades and Tints of #e312b2

Tones of #e312b2

Color Blindness Simulator