#e5225a hex color

In a RGB color space, hex #e5225a is composed of 89.8% red, 13.3% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.2% magenta, 60.7% yellow and 10.2% black. It has a hue angle of 342.8 degrees, a saturation of 78.9% and a lightness of 51.6%. #e5225a color hex could be obtained by blending #ff44b4 with #cb0000. Closest websafe color is: #cc3366.

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

● #e5225a color description : Vivid pink.

The hexadecimal color #e5225a has RGB values of R:229, G:34, B:90 and CMYK values of C:0, M:0.85, Y:0.61, K:0.1. Its decimal value is 15016538.

Hex triplet	e5225a	`#e5225a`
RGB Decimal	229, 34, 90	`rgb(229,34,90)`
RGB Percent	89.8, 13.3, 35.3	`rgb(89.8%,13.3%,35.3%)`
CMYK	0, 85, 61, 10
HSL	342.8°, 78.9, 51.6	`hsl(342.8,78.9%,51.6%)`
HSV (or HSB)	342.8°, 85.2, 89.8
Web Safe	cc3366	`#cc3366`

CIE-LAB	50.15, 72.337, 19.725
XYZ	34.732, 18.544, 11.423
xyY	0.537, 0.287, 18.544
CIE-LCH	50.15, 74.978, 15.252
CIE-LUV	50.15, 131.913, 8.092
Hunter-Lab	43.063, 68.606, 14.417
Binary	11100101, 00100010, 01011010

#e5225a
```
#e5225a rgb(229,34,90)
```
#22e5ad
```
#22e5ad rgb(34,229,173)
```

Complementary Color

#e522bc
```
#e522bc rgb(229,34,188)
```
#e5225a
```
#e5225a rgb(229,34,90)
```
#e54c22
```
#e54c22 rgb(229,76,34)
```

Analogous Color

#22bce5
```
#22bce5 rgb(34,188,229)
```
#e5225a
```
#e5225a rgb(229,34,90)
```
#22e54c
```
#22e54c rgb(34,229,76)
```

Split Complementary Color

#225ae5
```
#225ae5 rgb(34,90,229)
```
#e5225a
```
#e5225a rgb(229,34,90)
```
#5ae522
```
#5ae522 rgb(90,229,34)
```

Triadic Color

#ad22e5
```
#ad22e5 rgb(173,34,229)
```
#e5225a
```
#e5225a rgb(229,34,90)
```
#5ae522
```
#5ae522 rgb(90,229,34)
```
#22e5ad
```
#22e5ad rgb(34,229,173)
```

Tetradic Color

#a7143e
```
#a7143e rgb(167,20,62)
```
#be1646
```
#be1646 rgb(190,22,70)
```
#d5194f
```
#d5194f rgb(213,25,79)
```
#e5225a
```
#e5225a rgb(229,34,90)
```
#e8396b
```
#e8396b rgb(232,57,107)
```
#ea507c
```
#ea507c rgb(234,80,124)
```
#ed668d
```
#ed668d rgb(237,102,141)
```

Monochromatic Color

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

#e5228b
```
#e5228b rgb(229,34,139)
```
#e5227b
```
#e5227b rgb(229,34,123)
```
#e5226a
```
#e5226a rgb(229,34,106)
```
#e5225a
```
#e5225a rgb(229,34,90)
```
#e5224a
```
#e5224a rgb(229,34,74)
```
#e5223a
```
#e5223a rgb(229,34,58)
```
#e52229
```
#e52229 rgb(229,34,41)
```

Similar Colors

Text with hexadecimal color #e5225a

This text has a font color of #e5225a.

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

#e5225a background color

This paragraph has a background color of #e5225a.

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

#e5225a border color

This element has a border color of #e5225a.

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

CSS codes

.text {color:#e5225a;}

.background {background-color:#e5225a;}

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

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

#070103
```
#070103 rgb(7,1,3)
```
#190309
```
#190309 rgb(25,3,9)
```
#2a0510
```
#2a0510 rgb(42,5,16)
```
#3c0716
```
#3c0716 rgb(60,7,22)
```
#4d091d
```
#4d091d rgb(77,9,29)
```
#5f0b23
```
#5f0b23 rgb(95,11,35)
```
#700d2a
```
#700d2a rgb(112,13,42)
```
#820f30
```
#820f30 rgb(130,15,48)
```
#941137
```
#941137 rgb(148,17,55)
```
#a5133d
```
#a5133d rgb(165,19,61)
```
#b71544
```
#b71544 rgb(183,21,68)
```
#c8184a
```
#c8184a rgb(200,24,74)
```
#da1a51
```
#da1a51 rgb(218,26,81)
```

Shade Color Variation

#e5225a
```
#e5225a rgb(229,34,90)
```
#e73467
```
#e73467 rgb(231,52,103)
```
#e94574
```
#e94574 rgb(233,69,116)
```
#eb5781
```
#eb5781 rgb(235,87,129)
```
#ed688e
```
#ed688e rgb(237,104,142)
```
#ef7a9c
```
#ef7a9c rgb(239,122,156)
```
#f18ba9
```
#f18ba9 rgb(241,139,169)
```
#f39db6
```
#f39db6 rgb(243,157,182)
```
#f6aec3
```
#f6aec3 rgb(246,174,195)
```
#f8c0d0
```
#f8c0d0 rgb(248,192,208)
```
#fad2dd
```
#fad2dd rgb(250,210,221)
```
#fce3ea
```
#fce3ea rgb(252,227,234)
```
#fef5f7
```
#fef5f7 rgb(254,245,247)
```

Tint Color Variation

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

#868182
```
#868182 rgb(134,129,130)
```
#90787e
```
#90787e rgb(144,120,126)
```
#996e7a
```
#996e7a rgb(153,110,122)
```
#a36576
```
#a36576 rgb(163,101,118)
```
#ac5b72
```
#ac5b72 rgb(172,91,114)
```
#b6526e
```
#b6526e rgb(182,82,110)
```
#bf486a
```
#bf486a rgb(191,72,106)
```
#c93f66
```
#c93f66 rgb(201,63,102)
```
#d23562
```
#d23562 rgb(210,53,98)
```
#dc2c5e
```
#dc2c5e rgb(220,44,94)
```
#e5225a
```
#e5225a rgb(229,34,90)
```
#ef1956
```
#ef1956 rgb(239,25,86)
```
#f80f52
```
#f80f52 rgb(248,15,82)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#7d5661 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7d81 Protanopia 1% of men
#967956 Deuteranopia 1% of men
#e43839 Tritanopia 0.001% of the population

Trichromacy

#a45c72 Protanomaly 1% of men, 0.01% of women
#b35957 Deuteranomaly 6% of men, 0.4% of women
#e43045 Tritanomaly 0.01% of the population

#e5225a hex color

#e5225a Color Information

#e5225a Color Conversion

Color Schemes with #e5225a

Alternatives to #e5225a

#e5225a Preview

Shades and Tints of #e5225a

Tones of #e5225a

Color Blindness Simulator