#e22a85 hex color

In a RGB color space, hex #e22a85 is composed of 88.6% red, 16.5% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.4% magenta, 41.2% yellow and 11.4% black. It has a hue angle of 330.3 degrees, a saturation of 76% and a lightness of 52.5%. #e22a85 color hex could be obtained by blending #ff54ff with #c5000b. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 89
- G 16
- B 52
RGB color chart
- C 0
- M 81
- Y 41
- K 11
CMYK color chart

● #e22a85 color description : Bright pink.

The hexadecimal color #e22a85 has RGB values of R:226, G:42, B:133 and CMYK values of C:0, M:0.81, Y:0.41, K:0.11. Its decimal value is 14822021.

Hex triplet	e22a85	`#e22a85`
RGB Decimal	226, 42, 133	`rgb(226,42,133)`
RGB Percent	88.6, 16.5, 52.2	`rgb(88.6%,16.5%,52.2%)`
CMYK	0, 81, 41, 11
HSL	330.3°, 76, 52.5	`hsl(330.3,76%,52.5%)`
HSV (or HSB)	330.3°, 81.4, 88.6
Web Safe	cc3399	`#cc3399`

CIE-LAB	51.292, 73.133, -4.857
XYZ	36.427, 19.522, 24.039
xyY	0.455, 0.244, 19.522
CIE-LCH	51.292, 73.295, 356.2
CIE-LUV	51.292, 110.142, -20.401
Hunter-Lab	44.184, 69.84, -1.329
Binary	11100010, 00101010, 10000101

#e22a85
```
#e22a85 rgb(226,42,133)
```
#2ae287
```
#2ae287 rgb(42,226,135)
```

Complementary Color

#e22ae1
```
#e22ae1 rgb(226,42,225)
```
#e22a85
```
#e22a85 rgb(226,42,133)
```
#e22b2a
```
#e22b2a rgb(226,43,42)
```

Analogous Color

#2ae1e2
```
#2ae1e2 rgb(42,225,226)
```
#e22a85
```
#e22a85 rgb(226,42,133)
```
#2ae22b
```
#2ae22b rgb(42,226,43)
```

Split Complementary Color

#2a85e2
```
#2a85e2 rgb(42,133,226)
```
#e22a85
```
#e22a85 rgb(226,42,133)
```
#85e22a
```
#85e22a rgb(133,226,42)
```

Triadic Color

#872ae2
```
#872ae2 rgb(135,42,226)
```
#e22a85
```
#e22a85 rgb(226,42,133)
```
#85e22a
```
#85e22a rgb(133,226,42)
```
#2ae287
```
#2ae287 rgb(42,226,135)
```

Tetradic Color

#a9175f
```
#a9175f rgb(169,23,95)
```
#bf1a6c
```
#bf1a6c rgb(191,26,108)
```
#d51d78
```
#d51d78 rgb(213,29,120)
```
#e22a85
```
#e22a85 rgb(226,42,133)
```
#e54092
```
#e54092 rgb(229,64,146)
```
#e8579f
```
#e8579f rgb(232,87,159)
```
#eb6dac
```
#eb6dac rgb(235,109,172)
```

Monochromatic Color

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

#e22ab3
```
#e22ab3 rgb(226,42,179)
```
#e22aa4
```
#e22aa4 rgb(226,42,164)
```
#e22a94
```
#e22a94 rgb(226,42,148)
```
#e22a85
```
#e22a85 rgb(226,42,133)
```
#e22a76
```
#e22a76 rgb(226,42,118)
```
#e22a66
```
#e22a66 rgb(226,42,102)
```
#e22a57
```
#e22a57 rgb(226,42,87)
```

Similar Colors

Text with hexadecimal color #e22a85

This text has a font color of #e22a85.

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

#e22a85 background color

This paragraph has a background color of #e22a85.

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

#e22a85 border color

This element has a border color of #e22a85.

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

CSS codes

.text {color:#e22a85;}

.background {background-color:#e22a85;}

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

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

#0b0206
```
#0b0206 rgb(11,2,6)
```
#1d0410
```
#1d0410 rgb(29,4,16)
```
#2e061a
```
#2e061a rgb(46,6,26)
```
#3f0924
```
#3f0924 rgb(63,9,36)
```
#510b2d
```
#510b2d rgb(81,11,45)
```
#620d37
```
#620d37 rgb(98,13,55)
```
#731041
```
#731041 rgb(115,16,65)
```
#84124b
```
#84124b rgb(132,18,75)
```
#961454
```
#961454 rgb(150,20,84)
```
#a7175e
```
#a7175e rgb(167,23,94)
```
#b81968
```
#b81968 rgb(184,25,104)
```
#c91b71
```
#c91b71 rgb(201,27,113)
```
#db1e7b
```
#db1e7b rgb(219,30,123)
```

Shade Color Variation

#e22a85
```
#e22a85 rgb(226,42,133)
```
#e43b8f
```
#e43b8f rgb(228,59,143)
```
#e74d99
```
#e74d99 rgb(231,77,153)
```
#e95ea3
```
#e95ea3 rgb(233,94,163)
```
#eb6fad
```
#eb6fad rgb(235,111,173)
```
#ee80b6
```
#ee80b6 rgb(238,128,182)
```
#f092c0
```
#f092c0 rgb(240,146,192)
```
#f2a3ca
```
#f2a3ca rgb(242,163,202)
```
#f5b4d4
```
#f5b4d4 rgb(245,180,212)
```
#f7c5de
```
#f7c5de rgb(247,197,222)
```
#fad7e8
```
#fad7e8 rgb(250,215,232)
```
#fce8f2
```
#fce8f2 rgb(252,232,242)
```
#fef9fc
```
#fef9fc rgb(254,249,252)
```

Tint Color Variation

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

#8e7e86
```
#8e7e86 rgb(142,126,134)
```
#987486
```
#987486 rgb(152,116,134)
```
#a16b86
```
#a16b86 rgb(161,107,134)
```
#aa6286
```
#aa6286 rgb(170,98,134)
```
#b35986
```
#b35986 rgb(179,89,134)
```
#bd4f85
```
#bd4f85 rgb(189,79,133)
```
#c64685
```
#c64685 rgb(198,70,133)
```
#cf3d85
```
#cf3d85 rgb(207,61,133)
```
#d93385
```
#d93385 rgb(217,51,133)
```
#e22a85
```
#e22a85 rgb(226,42,133)
```
#eb2185
```
#eb2185 rgb(235,33,133)
```
#f51785
```
#f51785 rgb(245,23,133)
```
#fe0e85
```
#fe0e85 rgb(254,14,133)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#835e70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f7fb2 Protanopia 1% of men
#8e7d7e Deuteranopia 1% of men
#df494c Tritanopia 0.001% of the population

Trichromacy

#9960a1 Protanomaly 1% of men, 0.01% of women
#ac5e80 Deuteranomaly 6% of men, 0.4% of women
#e03e61 Tritanomaly 0.01% of the population

#e22a85 hex color

#e22a85 Color Information

#e22a85 Color Conversion

Color Schemes with #e22a85

Alternatives to #e22a85

#e22a85 Preview

Shades and Tints of #e22a85

Tones of #e22a85

Color Blindness Simulator