#e312b1 hex color

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

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

● #e312b1 color description : Vivid magenta.

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

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

CIE-LAB	51.771, 82.049, -30.279
XYZ	39.831, 19.941, 43.344
xyY	0.386, 0.193, 19.941
CIE-LCH	51.771, 87.458, 339.745
CIE-LUV	51.771, 95.489, -57.646
Hunter-Lab	44.656, 81.066, -26.289
Binary	11100011, 00010010, 10110001

#e312b1
```
#e312b1 rgb(227,18,177)
```
#12e344
```
#12e344 rgb(18,227,68)
```

Complementary Color

#ad12e3
```
#ad12e3 rgb(173,18,227)
```
#e312b1
```
#e312b1 rgb(227,18,177)
```
#e31249
```
#e31249 rgb(227,18,73)
```

Analogous Color

#12e3ad
```
#12e3ad rgb(18,227,173)
```
#e312b1
```
#e312b1 rgb(227,18,177)
```
#48e312
```
#48e312 rgb(72,227,18)
```

Split Complementary Color

#12b1e3
```
#12b1e3 rgb(18,177,227)
```
#e312b1
```
#e312b1 rgb(227,18,177)
```
#b1e312
```
#b1e312 rgb(177,227,18)
```

Triadic Color

#4412e3
```
#4412e3 rgb(68,18,227)
```
#e312b1
```
#e312b1 rgb(227,18,177)
```
#b1e312
```
#b1e312 rgb(177,227,18)
```
#12e344
```
#12e344 rgb(18,227,68)
```

Tetradic Color

#9c0c7a
```
#9c0c7a rgb(156,12,122)
```
#b40e8c
```
#b40e8c rgb(180,14,140)
```
#cb109f
```
#cb109f rgb(203,16,159)
```
#e312b1
```
#e312b1 rgb(227,18,177)
```
#ed21bd
```
#ed21bd rgb(237,33,189)
```
#ef39c4
```
#ef39c4 rgb(239,57,196)
```
#f150cb
```
#f150cb rgb(241,80,203)
```

Monochromatic Color

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

#e112e3
```
#e112e3 rgb(225,18,227)
```
#e312d4
```
#e312d4 rgb(227,18,212)
```
#e312c2
```
#e312c2 rgb(227,18,194)
```
#e312b1
```
#e312b1 rgb(227,18,177)
```
#e312a0
```
#e312a0 rgb(227,18,160)
```
#e3128e
```
#e3128e rgb(227,18,142)
```
#e3127d
```
#e3127d rgb(227,18,125)
```

Similar Colors

Text with hexadecimal color #e312b1

This text has a font color of #e312b1.

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

#e312b1 background color

This paragraph has a background color of #e312b1.

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

#e312b1 border color

This element has a border color of #e312b1.

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

CSS codes

.text {color:#e312b1;}

.background {background-color:#e312b1;}

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

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)
```
#3f0531
```
#3f0531 rgb(63,5,49)
```
#520640
```
#520640 rgb(82,6,64)
```
#64084e
```
#64084e rgb(100,8,78)
```
#76095c
```
#76095c rgb(118,9,92)
```
#880b6a
```
#880b6a rgb(136,11,106)
```
#9a0c78
```
#9a0c78 rgb(154,12,120)
```
#ac0e86
```
#ac0e86 rgb(172,14,134)
```
#bf0f95
```
#bf0f95 rgb(191,15,149)
```
#d111a3
```
#d111a3 rgb(209,17,163)
```
#e312b1
```
#e312b1 rgb(227,18,177)
```

Shade Color Variation

#ed1cbb
```
#ed1cbb rgb(237,28,187)
```
#ee2ec0
```
#ee2ec0 rgb(238,46,192)
```
#f040c6
```
#f040c6 rgb(240,64,198)
```
#f152cb
```
#f152cb rgb(241,82,203)
```
#f364d1
```
#f364d1 rgb(243,100,209)
```
#f477d6
```
#f477d6 rgb(244,119,214)
```
#f689dc
```
#f689dc rgb(246,137,220)
```
#f79be1
```
#f79be1 rgb(247,155,225)
```
#f9ade6
```
#f9ade6 rgb(249,173,230)
```
#fabfec
```
#fabfec rgb(250,191,236)
```
#fbd1f1
```
#fbd1f1 rgb(251,209,241)
```
#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 #ec09b6 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)
```
#b44198
```
#b44198 rgb(180,65,152)
```
#bd389d
```
#bd389d rgb(189,56,157)
```
#c72ea2
```
#c72ea2 rgb(199,46,162)
```
#d025a7
```
#d025a7 rgb(208,37,167)
```
#da1bac
```
#da1bac rgb(218,27,172)
```
#e312b1
```
#e312b1 rgb(227,18,177)
```
#ec09b6
```
#ec09b6 rgb(236,9,182)
```

Tone Color Variation

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

#387eed Protanopia 1% of men
#7b80a4 Deuteranopia 1% of men
#dc5054 Tritanopia 0.001% of the population

Trichromacy

#7657d7 Protanomaly 1% of men, 0.01% of women
#a058a8 Deuteranomaly 6% of men, 0.4% of women
#de3976 Tritanomaly 0.01% of the population

#e312b1 hex color

#e312b1 Color Information

#e312b1 Color Conversion

Color Schemes with #e312b1

Alternatives to #e312b1

#e312b1 Preview

Shades and Tints of #e312b1

Tones of #e312b1

Color Blindness Simulator