#e821f0 hex color

In a RGB color space, hex #e821f0 is composed of 91% red, 12.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 86.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 297.7 degrees, a saturation of 87.3% and a lightness of 53.5%. #e821f0 color hex could be obtained by blending #ff42ff with #d100e1. Closest websafe color is: #ff33ff.

♥
- f
- t
- g
- R 91
- G 13
- B 94
RGB color chart
- C 3
- M 86
- Y 0
- K 6
CMYK color chart

● #e821f0 color description : Vivid magenta.

The hexadecimal color #e821f0 has RGB values of R:232, G:33, B:240 and CMYK values of C:0.03, M:0.86, Y:0, K:0.06. Its decimal value is 15213040.

Hex triplet	e821f0	`#e821f0`
RGB Decimal	232, 33, 240	`rgb(232,33,240)`
RGB Percent	91, 12.9, 94.1	`rgb(91%,12.9%,94.1%)`
CMYK	3, 86, 0, 6
HSL	297.7°, 87.3, 53.5	`hsl(297.7,87.3%,53.5%)`
HSV (or HSB)	297.7°, 86.3, 94.1
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	56.622, 89.384, -58.625
XYZ	49.55, 24.538, 84.56
xyY	0.312, 0.155, 24.538
CIE-LCH	56.622, 106.894, 326.74
CIE-LUV	56.622, 71.7, -102.581
Hunter-Lab	49.536, 91.862, -66.536
Binary	11101000, 00100001, 11110000

#e821f0
```
#e821f0 rgb(232,33,240)
```
#29f021
```
#29f021 rgb(41,240,33)
```

Complementary Color

#8121f0
```
#8121f0 rgb(129,33,240)
```
#e821f0
```
#e821f0 rgb(232,33,240)
```
#f02191
```
#f02191 rgb(240,33,145)
```

Analogous Color

#21f081
```
#21f081 rgb(33,240,129)
```
#e821f0
```
#e821f0 rgb(232,33,240)
```
#91f021
```
#91f021 rgb(145,240,33)
```

Split Complementary Color

#21f0e8
```
#21f0e8 rgb(33,240,232)
```
#e821f0
```
#e821f0 rgb(232,33,240)
```
#f0e821
```
#f0e821 rgb(240,232,33)
```

Triadic Color

#2129f0
```
#2129f0 rgb(33,41,240)
```
#e821f0
```
#e821f0 rgb(232,33,240)
```
#f0e821
```
#f0e821 rgb(240,232,33)
```
#29f021
```
#29f021 rgb(41,240,33)
```

Tetradic Color

#b10cb8
```
#b10cb8 rgb(177,12,184)
```
#c80ed0
```
#c80ed0 rgb(200,14,208)
```
#df10e8
```
#df10e8 rgb(223,16,232)
```
#e821f0
```
#e821f0 rgb(232,33,240)
```
#ea39f2
```
#ea39f2 rgb(234,57,242)
```
#ed51f3
```
#ed51f3 rgb(237,81,243)
```
#ef69f5
```
#ef69f5 rgb(239,105,245)
```

Monochromatic Color

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

#b421f0
```
#b421f0 rgb(180,33,240)
```
#c621f0
```
#c621f0 rgb(198,33,240)
```
#d721f0
```
#d721f0 rgb(215,33,240)
```
#e821f0
```
#e821f0 rgb(232,33,240)
```
#f021e7
```
#f021e7 rgb(240,33,231)
```
#f021d6
```
#f021d6 rgb(240,33,214)
```
#f021c4
```
#f021c4 rgb(240,33,196)
```

Similar Colors

Text with hexadecimal color #e821f0

This text has a font color of #e821f0.

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

#e821f0 background color

This paragraph has a background color of #e821f0.

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

#e821f0 border color

This element has a border color of #e821f0.

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

CSS codes

.text {color:#e821f0;}

.background {background-color:#e821f0;}

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

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

#100111
```
#100111 rgb(16,1,17)
```
#220223
```
#220223 rgb(34,2,35)
```
#340436
```
#340436 rgb(52,4,54)
```
#450548
```
#450548 rgb(69,5,72)
```
#57065a
```
#57065a rgb(87,6,90)
```
#69076d
```
#69076d rgb(105,7,109)
```
#7b097f
```
#7b097f rgb(123,9,127)
```
#8c0a91
```
#8c0a91 rgb(140,10,145)
```
#9e0ba4
```
#9e0ba4 rgb(158,11,164)
```
#b00cb6
```
#b00cb6 rgb(176,12,182)
```
#c10ec9
```
#c10ec9 rgb(193,14,201)
```
#d30fdb
```
#d30fdb rgb(211,15,219)
```
#e510ed
```
#e510ed rgb(229,16,237)
```

Shade Color Variation

#e821f0
```
#e821f0 rgb(232,33,240)
```
#ea33f1
```
#ea33f1 rgb(234,51,241)
```
#ec46f2
```
#ec46f2 rgb(236,70,242)
```
#ee58f4
```
#ee58f4 rgb(238,88,244)
```
#f06af5
```
#f06af5 rgb(240,106,245)
```
#f27df6
```
#f27df6 rgb(242,125,246)
```
#f38ff7
```
#f38ff7 rgb(243,143,247)
```
#f5a2f9
```
#f5a2f9 rgb(245,162,249)
```
#f7b4fa
```
#f7b4fa rgb(247,180,250)
```
#f9c6fb
```
#f9c6fb rgb(249,198,251)
```
#fbd9fc
```
#fbd9fc rgb(251,217,252)
```
#fdebfe
```
#fdebfe rgb(253,235,254)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#8b858c
```
#8b858c rgb(139,133,140)
```
#947c95
```
#947c95 rgb(148,124,149)
```
#9c739e
```
#9c739e rgb(156,115,158)
```
#a56aa7
```
#a56aa7 rgb(165,106,167)
```
#ad61b0
```
#ad61b0 rgb(173,97,176)
```
#b658b9
```
#b658b9 rgb(182,88,185)
```
#be4fc2
```
#be4fc2 rgb(190,79,194)
```
#c645cc
```
#c645cc rgb(198,69,204)
```
#cf3cd5
```
#cf3cd5 rgb(207,60,213)
```
#d733de
```
#d733de rgb(215,51,222)
```
#e02ae7
```
#e02ae7 rgb(224,42,231)
```
#e821f0
```
#e821f0 rgb(232,33,240)
```
#f018f9
```
#f018f9 rgb(240,24,249)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#8b638d Atypical Achromatopsia 0.001% of the population

Dichromacy

#418aff Protanopia 1% of men
#5b8edb Deuteranopia 1% of men
#d96b72 Tritanopia 0.001% of the population

Trichromacy

#7d64f9 Protanomaly 1% of men, 0.01% of women
#8e66e2 Deuteranomaly 6% of men, 0.4% of women
#de50a0 Tritanomaly 0.01% of the population

#e821f0 hex color

#e821f0 Color Information

#e821f0 Color Conversion

Color Schemes with #e821f0

Alternatives to #e821f0

#e821f0 Preview

Shades and Tints of #e821f0

Tones of #e821f0

Color Blindness Simulator