#e522f0 hex color

In a RGB color space, hex #e522f0 is composed of 89.8% red, 13.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 4.6% cyan, 85.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 296.8 degrees, a saturation of 87.3% and a lightness of 53.7%. #e522f0 color hex could be obtained by blending #ff44ff with #cb00e1. Closest websafe color is: #cc33ff.

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

● #e522f0 color description : Vivid magenta.

The hexadecimal color #e522f0 has RGB values of R:229, G:34, B:240 and CMYK values of C:0.05, M:0.86, Y:0, K:0.06. Its decimal value is 15016688.

Hex triplet	e522f0	`#e522f0`
RGB Decimal	229, 34, 240	`rgb(229,34,240)`
RGB Percent	89.8, 13.3, 94.1	`rgb(89.8%,13.3%,94.1%)`
CMYK	5, 86, 0, 6
HSL	296.8°, 87.3, 53.7	`hsl(296.8,87.3%,53.7%)`
HSV (or HSB)	296.8°, 85.8, 94.1
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	56.184, 88.719, -59.355
XYZ	48.612, 24.096, 84.524
xyY	0.309, 0.153, 24.096
CIE-LCH	56.184, 106.743, 326.217
CIE-LUV	56.184, 69.509, -103.385
Hunter-Lab	49.088, 90.865, -67.729
Binary	11100101, 00100010, 11110000

#e522f0
```
#e522f0 rgb(229,34,240)
```
#2df022
```
#2df022 rgb(45,240,34)
```

Complementary Color

#7e22f0
```
#7e22f0 rgb(126,34,240)
```
#e522f0
```
#e522f0 rgb(229,34,240)
```
#f02294
```
#f02294 rgb(240,34,148)
```

Analogous Color

#22f07e
```
#22f07e rgb(34,240,126)
```
#e522f0
```
#e522f0 rgb(229,34,240)
```
#94f022
```
#94f022 rgb(148,240,34)
```

Split Complementary Color

#22f0e5
```
#22f0e5 rgb(34,240,229)
```
#e522f0
```
#e522f0 rgb(229,34,240)
```
#f0e522
```
#f0e522 rgb(240,229,34)
```

Triadic Color

#222df0
```
#222df0 rgb(34,45,240)
```
#e522f0
```
#e522f0 rgb(229,34,240)
```
#f0e522
```
#f0e522 rgb(240,229,34)
```
#2df022
```
#2df022 rgb(45,240,34)
```

Tetradic Color

#b00db9
```
#b00db9 rgb(176,13,185)
```
#c60ed1
```
#c60ed1 rgb(198,14,209)
```
#dd10e9
```
#dd10e9 rgb(221,16,233)
```
#e522f0
```
#e522f0 rgb(229,34,240)
```
#e83af2
```
#e83af2 rgb(232,58,242)
```
#eb52f3
```
#eb52f3 rgb(235,82,243)
```
#ed6af5
```
#ed6af5 rgb(237,106,245)
```

Monochromatic Color

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

#b222f0
```
#b222f0 rgb(178,34,240)
```
#c322f0
```
#c322f0 rgb(195,34,240)
```
#d422f0
```
#d422f0 rgb(212,34,240)
```
#e522f0
```
#e522f0 rgb(229,34,240)
```
#f022ea
```
#f022ea rgb(240,34,234)
```
#f022d9
```
#f022d9 rgb(240,34,217)
```
#f022c8
```
#f022c8 rgb(240,34,200)
```

Similar Colors

Text with hexadecimal color #e522f0

This text has a font color of #e522f0.

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

#e522f0 background color

This paragraph has a background color of #e522f0.

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

#e522f0 border color

This element has a border color of #e522f0.

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

CSS codes

.text {color:#e522f0;}

.background {background-color:#e522f0;}

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

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

#110112
```
#110112 rgb(17,1,18)
```
#220224
```
#220224 rgb(34,2,36)
```
#340437
```
#340437 rgb(52,4,55)
```
#450549
```
#450549 rgb(69,5,73)
```
#57065b
```
#57065b rgb(87,6,91)
```
#68076e
```
#68076e rgb(104,7,110)
```
#7a0980
```
#7a0980 rgb(122,9,128)
```
#8b0a92
```
#8b0a92 rgb(139,10,146)
```
#9d0ba5
```
#9d0ba5 rgb(157,11,165)
```
#ae0cb7
```
#ae0cb7 rgb(174,12,183)
```
#bf0ec9
```
#bf0ec9 rgb(191,14,201)
```
#d10fdc
```
#d10fdc rgb(209,15,220)
```
#e210ee
```
#e210ee rgb(226,16,238)
```

Shade Color Variation

#e522f0
```
#e522f0 rgb(229,34,240)
```
#e734f1
```
#e734f1 rgb(231,52,241)
```
#e947f2
```
#e947f2 rgb(233,71,242)
```
#eb59f4
```
#eb59f4 rgb(235,89,244)
```
#ee6bf5
```
#ee6bf5 rgb(238,107,245)
```
#f07ef6
```
#f07ef6 rgb(240,126,246)
```
#f290f7
```
#f290f7 rgb(242,144,247)
```
#f4a3f9
```
#f4a3f9 rgb(244,163,249)
```
#f6b5fa
```
#f6b5fa rgb(246,181,250)
```
#f8c7fb
```
#f8c7fb rgb(248,199,251)
```
#fbdafc
```
#fbdafc rgb(251,218,252)
```
#fdecfe
```
#fdecfe rgb(253,236,254)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#8c868c
```
#8c868c rgb(140,134,140)
```
#947d95
```
#947d95 rgb(148,125,149)
```
#9c749e
```
#9c749e rgb(156,116,158)
```
#a46ba7
```
#a46ba7 rgb(164,107,167)
```
#ac62b0
```
#ac62b0 rgb(172,98,176)
```
#b458ba
```
#b458ba rgb(180,88,186)
```
#bc4fc3
```
#bc4fc3 rgb(188,79,195)
```
#c546cc
```
#c546cc rgb(197,70,204)
```
#cd3dd5
```
#cd3dd5 rgb(205,61,213)
```
#d534de
```
#d534de rgb(213,52,222)
```
#dd2be7
```
#dd2be7 rgb(221,43,231)
```
#e522f0
```
#e522f0 rgb(229,34,240)
```
#ed19f9
```
#ed19f9 rgb(237,25,249)
```

Tone Color Variation

Below, you can see how #e522f0 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
#8b648d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d89ff Protanopia 1% of men
#588ddb Deuteranopia 1% of men
#d56b72 Tritanopia 0.001% of the population

Trichromacy

#7a63f9 Protanomaly 1% of men, 0.01% of women
#8b66e2 Deuteranomaly 6% of men, 0.4% of women
#db51a0 Tritanomaly 0.01% of the population

#e522f0 hex color

#e522f0 Color Information

#e522f0 Color Conversion

Color Schemes with #e522f0

Alternatives to #e522f0

#e522f0 Preview

Shades and Tints of #e522f0

Tones of #e522f0

Color Blindness Simulator