#e522a9 hex color

In a RGB color space, hex #e522a9 is composed of 89.8% red, 13.3% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.2% magenta, 26.2% yellow and 10.2% black. It has a hue angle of 318.5 degrees, a saturation of 78.9% and a lightness of 51.6%. #e522a9 color hex could be obtained by blending #ff44ff with #cb0053. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 90
- G 13
- B 66
RGB color chart
- C 0
- M 85
- Y 26
- K 10
CMYK color chart

● #e522a9 color description : Vivid pink.

The hexadecimal color #e522a9 has RGB values of R:229, G:34, B:169 and CMYK values of C:0, M:0.85, Y:0.26, K:0.1. Its decimal value is 15016617.

Hex triplet	e522a9	`#e522a9`
RGB Decimal	229, 34, 169	`rgb(229,34,169)`
RGB Percent	89.8, 13.3, 66.3	`rgb(89.8%,13.3%,66.3%)`
CMYK	0, 85, 26, 10
HSL	318.5°, 78.9, 51.6	`hsl(318.5,78.9%,51.6%)`
HSV (or HSB)	318.5°, 85.2, 89.8
Web Safe	cc3399	`#cc3399`

CIE-LAB	52.587, 79.208, -24.284
XYZ	40.047, 20.67, 39.415
xyY	0.4, 0.206, 20.67
CIE-LCH	52.587, 82.847, 342.955
CIE-LUV	52.587, 98.571, -48.622
Hunter-Lab	45.465, 77.666, -19.575
Binary	11100101, 00100010, 10101001

#e522a9
```
#e522a9 rgb(229,34,169)
```
#22e55e
```
#22e55e rgb(34,229,94)
```

Complementary Color

#c022e5
```
#c022e5 rgb(192,34,229)
```
#e522a9
```
#e522a9 rgb(229,34,169)
```
#e52248
```
#e52248 rgb(229,34,72)
```

Analogous Color

#22e5c0
```
#22e5c0 rgb(34,229,192)
```
#e522a9
```
#e522a9 rgb(229,34,169)
```
#48e522
```
#48e522 rgb(72,229,34)
```

Split Complementary Color

#22a9e5
```
#22a9e5 rgb(34,169,229)
```
#e522a9
```
#e522a9 rgb(229,34,169)
```
#a9e522
```
#a9e522 rgb(169,229,34)
```

Triadic Color

#5e22e5
```
#5e22e5 rgb(94,34,229)
```
#e522a9
```
#e522a9 rgb(229,34,169)
```
#a9e522
```
#a9e522 rgb(169,229,34)
```
#22e55e
```
#22e55e rgb(34,229,94)
```

Tetradic Color

#a7147a
```
#a7147a rgb(167,20,122)
```
#be168a
```
#be168a rgb(190,22,138)
```
#d5199b
```
#d5199b rgb(213,25,155)
```
#e522a9
```
#e522a9 rgb(229,34,169)
```
#e839b2
```
#e839b2 rgb(232,57,178)
```
#ea50bb
```
#ea50bb rgb(234,80,187)
```
#ed66c4
```
#ed66c4 rgb(237,102,196)
```

Monochromatic Color

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

#e522da
```
#e522da rgb(229,34,218)
```
#e522ca
```
#e522ca rgb(229,34,202)
```
#e522b9
```
#e522b9 rgb(229,34,185)
```
#e522a9
```
#e522a9 rgb(229,34,169)
```
#e52299
```
#e52299 rgb(229,34,153)
```
#e52289
```
#e52289 rgb(229,34,137)
```
#e52278
```
#e52278 rgb(229,34,120)
```

Similar Colors

Text with hexadecimal color #e522a9

This text has a font color of #e522a9.

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

#e522a9 background color

This paragraph has a background color of #e522a9.

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

#e522a9 border color

This element has a border color of #e522a9.

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

CSS codes

.text {color:#e522a9;}

.background {background-color:#e522a9;}

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

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

#070105
```
#070105 rgb(7,1,5)
```
#190312
```
#190312 rgb(25,3,18)
```
#2a051f
```
#2a051f rgb(42,5,31)
```
#3c072c
```
#3c072c rgb(60,7,44)
```
#4d0938
```
#4d0938 rgb(77,9,56)
```
#5f0b45
```
#5f0b45 rgb(95,11,69)
```
#700d52
```
#700d52 rgb(112,13,82)
```
#820f5f
```
#820f5f rgb(130,15,95)
```
#94116c
```
#94116c rgb(148,17,108)
```
#a51378
```
#a51378 rgb(165,19,120)
```
#b71585
```
#b71585 rgb(183,21,133)
```
#c81892
```
#c81892 rgb(200,24,146)
```
#da1a9f
```
#da1a9f rgb(218,26,159)
```

Shade Color Variation

#e522a9
```
#e522a9 rgb(229,34,169)
```
#e734b0
```
#e734b0 rgb(231,52,176)
```
#e945b7
```
#e945b7 rgb(233,69,183)
```
#eb57bd
```
#eb57bd rgb(235,87,189)
```
#ed68c4
```
#ed68c4 rgb(237,104,196)
```
#ef7acb
```
#ef7acb rgb(239,122,203)
```
#f18bd2
```
#f18bd2 rgb(241,139,210)
```
#f39dd9
```
#f39dd9 rgb(243,157,217)
```
#f6aee0
```
#f6aee0 rgb(246,174,224)
```
#f8c0e6
```
#f8c0e6 rgb(248,192,230)
```
#fad2ed
```
#fad2ed rgb(250,210,237)
```
#fce3f4
```
#fce3f4 rgb(252,227,244)
```
#fef5fb
```
#fef5fb rgb(254,245,251)
```

Tint Color Variation

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

#868184
```
#868184 rgb(134,129,132)
```
#907888
```
#907888 rgb(144,120,136)
```
#996e8c
```
#996e8c rgb(153,110,140)
```
#a3658f
```
#a3658f rgb(163,101,143)
```
#ac5b93
```
#ac5b93 rgb(172,91,147)
```
#b65297
```
#b65297 rgb(182,82,151)
```
#bf489a
```
#bf489a rgb(191,72,154)
```
#c93f9e
```
#c93f9e rgb(201,63,158)
```
#d235a2
```
#d235a2 rgb(210,53,162)
```
#dc2ca5
```
#dc2ca5 rgb(220,44,165)
```
#e522a9
```
#e522a9 rgb(229,34,169)
```
#ef19ad
```
#ef19ad rgb(239,25,173)
```
#f80fb0
```
#f80fb0 rgb(248,15,176)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#845d78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5281df Protanopia 1% of men
#83819d Deuteranopia 1% of men
#df5156 Tritanopia 0.001% of the population

Trichromacy

#875ecb Protanomaly 1% of men, 0.01% of women
#a65ea1 Deuteranomaly 6% of men, 0.4% of women
#e14074 Tritanomaly 0.01% of the population

#e522a9 hex color

#e522a9 Color Information

#e522a9 Color Conversion

Color Schemes with #e522a9

Alternatives to #e522a9

#e522a9 Preview

Shades and Tints of #e522a9

Tones of #e522a9

Color Blindness Simulator