#e522f2 hex color

In a RGB color space, hex #e522f2 is composed of 89.8% red, 13.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 5.4% cyan, 86% magenta, 0% yellow and 5.1% black. It has a hue angle of 296.3 degrees, a saturation of 88.9% and a lightness of 54.1%. #e522f2 color hex could be obtained by blending #ff44ff with #cb00e5. Closest websafe color is: #cc33ff.

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

● #e522f2 color description : Vivid magenta.

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

Hex triplet	e522f2	`#e522f2`
RGB Decimal	229, 34, 242	`rgb(229,34,242)`
RGB Percent	89.8, 13.3, 94.9	`rgb(89.8%,13.3%,94.9%)`
CMYK	5, 86, 0, 5
HSL	296.3°, 88.9, 54.1	`hsl(296.3,88.9%,54.1%)`
HSV (or HSB)	296.3°, 86, 94.9
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	56.303, 89.023, -60.283
XYZ	48.911, 24.216, 86.098
xyY	0.307, 0.152, 24.216
CIE-LCH	56.303, 107.513, 325.895
CIE-LUV	56.303, 68.782, -104.86
Hunter-Lab	49.21, 91.299, -69.287
Binary	11100101, 00100010, 11110010

#e522f2
```
#e522f2 rgb(229,34,242)
```
#2ff222
```
#2ff222 rgb(47,242,34)
```

Complementary Color

#7d22f2
```
#7d22f2 rgb(125,34,242)
```
#e522f2
```
#e522f2 rgb(229,34,242)
```
#f22297
```
#f22297 rgb(242,34,151)
```

Analogous Color

#22f27d
```
#22f27d rgb(34,242,125)
```
#e522f2
```
#e522f2 rgb(229,34,242)
```
#97f222
```
#97f222 rgb(151,242,34)
```

Split Complementary Color

#22f2e5
```
#22f2e5 rgb(34,242,229)
```
#e522f2
```
#e522f2 rgb(229,34,242)
```
#f2e522
```
#f2e522 rgb(242,229,34)
```

Triadic Color

#222ff2
```
#222ff2 rgb(34,47,242)
```
#e522f2
```
#e522f2 rgb(229,34,242)
```
#f2e522
```
#f2e522 rgb(242,229,34)
```
#2ff222
```
#2ff222 rgb(47,242,34)
```

Tetradic Color

#b10bbc
```
#b10bbc rgb(177,11,188)
```
#c80dd5
```
#c80dd5 rgb(200,13,213)
```
#df0eed
```
#df0eed rgb(223,14,237)
```
#e522f2
```
#e522f2 rgb(229,34,242)
```
#e83af3
```
#e83af3 rgb(232,58,243)
```
#eb52f5
```
#eb52f5 rgb(235,82,245)
```
#ee6af6
```
#ee6af6 rgb(238,106,246)
```

Monochromatic Color

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

#b122f2
```
#b122f2 rgb(177,34,242)
```
#c222f2
```
#c222f2 rgb(194,34,242)
```
#d422f2
```
#d422f2 rgb(212,34,242)
```
#e522f2
```
#e522f2 rgb(229,34,242)
```
#f222ee
```
#f222ee rgb(242,34,238)
```
#f222dc
```
#f222dc rgb(242,34,220)
```
#f222cb
```
#f222cb rgb(242,34,203)
```

Similar Colors

Text with hexadecimal color #e522f2

This text has a font color of #e522f2.

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

#e522f2 background color

This paragraph has a background color of #e522f2.

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

#e522f2 border color

This element has a border color of #e522f2.

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

CSS codes

.text {color:#e522f2;}

.background {background-color:#e522f2;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#130114
```
#130114 rgb(19,1,20)
```
#240226
```
#240226 rgb(36,2,38)
```
#360339
```
#360339 rgb(54,3,57)
```
#47044b
```
#47044b rgb(71,4,75)
```
#58065e
```
#58065e rgb(88,6,94)
```
#6a0770
```
#6a0770 rgb(106,7,112)
```
#7b0883
```
#7b0883 rgb(123,8,131)
```
#8d0996
```
#8d0996 rgb(141,9,150)
```
#9e0aa8
```
#9e0aa8 rgb(158,10,168)
```
#b00bbb
```
#b00bbb rgb(176,11,187)
```
#c10ccd
```
#c10ccd rgb(193,12,205)
```
#d20de0
```
#d20de0 rgb(210,13,224)
```

Shade Color Variation

#e30ff1
```
#e30ff1 rgb(227,15,241)
```
#e522f2
```
#e522f2 rgb(229,34,242)
```
#e735f3
```
#e735f3 rgb(231,53,243)
```
#e947f4
```
#e947f4 rgb(233,71,244)
```
#ec5af5
```
#ec5af5 rgb(236,90,245)
```
#ee6cf6
```
#ee6cf6 rgb(238,108,246)
```
#f07ff7
```
#f07ff7 rgb(240,127,247)
```
#f291f9
```
#f291f9 rgb(242,145,249)
```
#f4a4fa
```
#f4a4fa rgb(244,164,250)
```
#f6b6fb
```
#f6b6fb rgb(246,182,251)
```
#f9c9fc
```
#f9c9fc rgb(249,201,252)
```
#fbdbfd
```
#fbdbfd rgb(251,219,253)
```
#fdeefe
```
#fdeefe rgb(253,238,254)
```

Tint Color Variation

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

#8e858f
```
#8e858f rgb(142,133,143)
```
#967c98
```
#967c98 rgb(150,124,152)
```
#9e73a1
```
#9e73a1 rgb(158,115,161)
```
#a66aaa
```
#a66aaa rgb(166,106,170)
```
#ae61b3
```
#ae61b3 rgb(174,97,179)
```
#b658bc
```
#b658bc rgb(182,88,188)
```
#be4fc5
```
#be4fc5 rgb(190,79,197)
```
#c646ce
```
#c646ce rgb(198,70,206)
```
#cd3dd7
```
#cd3dd7 rgb(205,61,215)
```
#d534e0
```
#d534e0 rgb(213,52,224)
```
#dd2be9
```
#dd2be9 rgb(221,43,233)
```
#e522f2
```
#e522f2 rgb(229,34,242)
```
#ed19fb
```
#ed19fb rgb(237,25,251)
```

Tone Color Variation

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

#3e89ff Protanopia 1% of men
#558ddc Deuteranopia 1% of men
#d56c73 Tritanopia 0.001% of the population

Trichromacy

#7a63fa Protanomaly 1% of men, 0.01% of women
#8966e4 Deuteranomaly 6% of men, 0.4% of women
#db51a1 Tritanomaly 0.01% of the population

#e522f2 hex color

#e522f2 Color Information

#e522f2 Color Conversion

Color Schemes with #e522f2

Alternatives to #e522f2

#e522f2 Preview

Shades and Tints of #e522f2

Tones of #e522f2

Color Blindness Simulator