#e522ed hex color

In a RGB color space, hex #e522ed is composed of 89.8% red, 13.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 3.4% cyan, 85.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 297.6 degrees, a saturation of 84.9% and a lightness of 53.1%. #e522ed color hex could be obtained by blending #ff44ff with #cb00db. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 90
- G 13
- B 93
RGB color chart
- C 3
- M 86
- Y 0
- K 7
CMYK color chart

● #e522ed color description : Vivid magenta.

The hexadecimal color #e522ed has RGB values of R:229, G:34, B:237 and CMYK values of C:0.03, M:0.86, Y:0, K:0.07. Its decimal value is 15016685.

Hex triplet	e522ed	`#e522ed`
RGB Decimal	229, 34, 237	`rgb(229,34,237)`
RGB Percent	89.8, 13.3, 92.9	`rgb(89.8%,13.3%,92.9%)`
CMYK	3, 86, 0, 7
HSL	297.6°, 84.9, 53.1	`hsl(297.6,84.9%,53.1%)`
HSV (or HSB)	297.6°, 85.7, 92.9
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	56.007, 88.266, -57.957
XYZ	48.17, 23.92, 82.196
xyY	0.312, 0.155, 23.92
CIE-LCH	56.007, 105.593, 326.71
CIE-LUV	56.007, 70.61, -101.163
Hunter-Lab	48.908, 90.219, -65.41
Binary	11100101, 00100010, 11101101

#e522ed
```
#e522ed rgb(229,34,237)
```
#2aed22
```
#2aed22 rgb(42,237,34)
```

Complementary Color

#8022ed
```
#8022ed rgb(128,34,237)
```
#e522ed
```
#e522ed rgb(229,34,237)
```
#ed2290
```
#ed2290 rgb(237,34,144)
```

Analogous Color

#22ed80
```
#22ed80 rgb(34,237,128)
```
#e522ed
```
#e522ed rgb(229,34,237)
```
#90ed22
```
#90ed22 rgb(144,237,34)
```

Split Complementary Color

#22ede5
```
#22ede5 rgb(34,237,229)
```
#e522ed
```
#e522ed rgb(229,34,237)
```
#ede522
```
#ede522 rgb(237,229,34)
```

Triadic Color

#222aed
```
#222aed rgb(34,42,237)
```
#e522ed
```
#e522ed rgb(229,34,237)
```
#ede522
```
#ede522 rgb(237,229,34)
```
#2aed22
```
#2aed22 rgb(42,237,34)
```

Tetradic Color

#ad0fb4
```
#ad0fb4 rgb(173,15,180)
```
#c411cb
```
#c411cb rgb(196,17,203)
```
#db12e3
```
#db12e3 rgb(219,18,227)
```
#e522ed
```
#e522ed rgb(229,34,237)
```
#e83aef
```
#e83aef rgb(232,58,239)
```
#eb51f1
```
#eb51f1 rgb(235,81,241)
```
#ed69f3
```
#ed69f3 rgb(237,105,243)
```

Monochromatic Color

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

#b222ed
```
#b222ed rgb(178,34,237)
```
#c322ed
```
#c322ed rgb(195,34,237)
```
#d422ed
```
#d422ed rgb(212,34,237)
```
#e522ed
```
#e522ed rgb(229,34,237)
```
#ed22e4
```
#ed22e4 rgb(237,34,228)
```
#ed22d3
```
#ed22d3 rgb(237,34,211)
```
#ed22c2
```
#ed22c2 rgb(237,34,194)
```

Similar Colors

Text with hexadecimal color #e522ed

This text has a font color of #e522ed.

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

#e522ed background color

This paragraph has a background color of #e522ed.

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

#e522ed border color

This element has a border color of #e522ed.

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

CSS codes

.text {color:#e522ed;}

.background {background-color:#e522ed;}

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

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

#0e010f
```
#0e010f rgb(14,1,15)
```
#200321
```
#200321 rgb(32,3,33)
```
#310433
```
#310433 rgb(49,4,51)
```
#430645
```
#430645 rgb(67,6,69)
```
#540757
```
#540757 rgb(84,7,87)
```
#660969
```
#660969 rgb(102,9,105)
```
#770a7c
```
#770a7c rgb(119,10,124)
```
#890c8e
```
#890c8e rgb(137,12,142)
```
#9a0da0
```
#9a0da0 rgb(154,13,160)
```
#ac0fb2
```
#ac0fb2 rgb(172,15,178)
```
#bd10c4
```
#bd10c4 rgb(189,16,196)
```
#cf11d6
```
#cf11d6 rgb(207,17,214)
```
#e013e8
```
#e013e8 rgb(224,19,232)
```

Shade Color Variation

#e522ed
```
#e522ed rgb(229,34,237)
```
#e734ee
```
#e734ee rgb(231,52,238)
```
#e946f0
```
#e946f0 rgb(233,70,240)
```
#eb58f1
```
#eb58f1 rgb(235,88,241)
```
#ee6bf3
```
#ee6bf3 rgb(238,107,243)
```
#f07df4
```
#f07df4 rgb(240,125,244)
```
#f28ff6
```
#f28ff6 rgb(242,143,246)
```
#f4a1f7
```
#f4a1f7 rgb(244,161,247)
```
#f6b3f9
```
#f6b3f9 rgb(246,179,249)
```
#f8c5fa
```
#f8c5fa rgb(248,197,250)
```
#fad7fc
```
#fad7fc rgb(250,215,252)
```
#fceafd
```
#fceafd rgb(252,234,253)
```
#fffcff
```
#fffcff rgb(255,252,255)
```

Tint Color Variation

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

#888788
```
#888788 rgb(136,135,136)
```
#907e91
```
#907e91 rgb(144,126,145)
```
#99759a
```
#99759a rgb(153,117,154)
```
#a16ca3
```
#a16ca3 rgb(161,108,163)
```
#aa62ad
```
#aa62ad rgb(170,98,173)
```
#b259b6
```
#b259b6 rgb(178,89,182)
```
#bb50bf
```
#bb50bf rgb(187,80,191)
```
#c347c8
```
#c347c8 rgb(195,71,200)
```
#cc3ed1
```
#cc3ed1 rgb(204,62,209)
```
#d434db
```
#d434db rgb(212,52,219)
```
#dd2be4
```
#dd2be4 rgb(221,43,228)
```
#e522ed
```
#e522ed rgb(229,34,237)
```
#ed19f6
```
#ed19f6 rgb(237,25,246)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#8a638b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b88ff Protanopia 1% of men
#5a8cd8 Deuteranopia 1% of men
#d66a71 Tritanopia 0.001% of the population

Trichromacy

#7963f8 Protanomaly 1% of men, 0.01% of women
#8d66e0 Deuteranomaly 6% of men, 0.4% of women
#db509e Tritanomaly 0.01% of the population

#e522ed hex color

#e522ed Color Information

#e522ed Color Conversion

Color Schemes with #e522ed

Alternatives to #e522ed

#e522ed Preview

Shades and Tints of #e522ed

Tones of #e522ed

Color Blindness Simulator