#e21580 hex color

In a RGB color space, hex #e21580 is composed of 88.6% red, 8.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.7% magenta, 43.4% yellow and 11.4% black. It has a hue angle of 328.7 degrees, a saturation of 83% and a lightness of 48.4%. #e21580 color hex could be obtained by blending #ff2aff with #c50001. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 89
- G 8
- B 50
RGB color chart
- C 0
- M 91
- Y 43
- K 11
CMYK color chart

● #e21580 color description : Vivid pink.

The hexadecimal color #e21580 has RGB values of R:226, G:21, B:128 and CMYK values of C:0, M:0.91, Y:0.43, K:0.11. Its decimal value is 14816640.

Hex triplet	e21580	`#e21580`
RGB Decimal	226, 21, 128	`rgb(226,21,128)`
RGB Percent	88.6, 8.2, 50.2	`rgb(88.6%,8.2%,50.2%)`
CMYK	0, 91, 43, 11
HSL	328.7°, 83, 48.4	`hsl(328.7,83%,48.4%)`
HSV (or HSB)	328.7°, 90.7, 88.6
Web Safe	cc0099	`#cc0099`

CIE-LAB	49.819, 76.478, -4.013
XYZ	35.53, 18.268, 22.076
xyY	0.468, 0.241, 18.268
CIE-LCH	49.819, 76.583, 356.996
CIE-LUV	49.819, 116.813, -19.957
Hunter-Lab	42.741, 73.588, -0.706
Binary	11100010, 00010101, 10000000

#e21580
```
#e21580 rgb(226,21,128)
```
#15e277
```
#15e277 rgb(21,226,119)
```

Complementary Color

#de15e2
```
#de15e2 rgb(222,21,226)
```
#e21580
```
#e21580 rgb(226,21,128)
```
#e21519
```
#e21519 rgb(226,21,25)
```

Analogous Color

#15e2de
```
#15e2de rgb(21,226,222)
```
#e21580
```
#e21580 rgb(226,21,128)
```
#1ae215
```
#1ae215 rgb(26,226,21)
```

Split Complementary Color

#1580e2
```
#1580e2 rgb(21,128,226)
```
#e21580
```
#e21580 rgb(226,21,128)
```
#80e215
```
#80e215 rgb(128,226,21)
```

Triadic Color

#7715e2
```
#7715e2 rgb(119,21,226)
```
#e21580
```
#e21580 rgb(226,21,128)
```
#80e215
```
#80e215 rgb(128,226,21)
```
#15e277
```
#15e277 rgb(21,226,119)
```

Tetradic Color

#9c0e58
```
#9c0e58 rgb(156,14,88)
```
#b31166
```
#b31166 rgb(179,17,102)
```
#cb1373
```
#cb1373 rgb(203,19,115)
```
#e21580
```
#e21580 rgb(226,21,128)
```
#eb268d
```
#eb268d rgb(235,38,141)
```
#ed3d99
```
#ed3d99 rgb(237,61,153)
```
#ef54a5
```
#ef54a5 rgb(239,84,165)
```

Monochromatic Color

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

#e215b3
```
#e215b3 rgb(226,21,179)
```
#e215a2
```
#e215a2 rgb(226,21,162)
```
#e21591
```
#e21591 rgb(226,21,145)
```
#e21580
```
#e21580 rgb(226,21,128)
```
#e2156f
```
#e2156f rgb(226,21,111)
```
#e2155e
```
#e2155e rgb(226,21,94)
```
#e2154d
```
#e2154d rgb(226,21,77)
```

Similar Colors

Text with hexadecimal color #e21580

This text has a font color of #e21580.

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

#e21580 background color

This paragraph has a background color of #e21580.

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

#e21580 border color

This element has a border color of #e21580.

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

CSS codes

.text {color:#e21580;}

.background {background-color:#e21580;}

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

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

#0b0106
```
#0b0106 rgb(11,1,6)
```
#1d0310
```
#1d0310 rgb(29,3,16)
```
#2f041a
```
#2f041a rgb(47,4,26)
```
#400625
```
#400625 rgb(64,6,37)
```
#52082f
```
#52082f rgb(82,8,47)
```
#640939
```
#640939 rgb(100,9,57)
```
#760b43
```
#760b43 rgb(118,11,67)
```
#880d4d
```
#880d4d rgb(136,13,77)
```
#9a0e57
```
#9a0e57 rgb(154,14,87)
```
#ac1062
```
#ac1062 rgb(172,16,98)
```
#be126c
```
#be126c rgb(190,18,108)
```
#d01376
```
#d01376 rgb(208,19,118)
```
#e21580
```
#e21580 rgb(226,21,128)
```

Shade Color Variation

#ea208a
```
#ea208a rgb(234,32,138)
```
#ec3293
```
#ec3293 rgb(236,50,147)
```
#ee449d
```
#ee449d rgb(238,68,157)
```
#ef56a6
```
#ef56a6 rgb(239,86,166)
```
#f168b0
```
#f168b0 rgb(241,104,176)
```
#f37ab9
```
#f37ab9 rgb(243,122,185)
```
#f48cc2
```
#f48cc2 rgb(244,140,194)
```
#f69ecc
```
#f69ecc rgb(246,158,204)
```
#f8b0d5
```
#f8b0d5 rgb(248,176,213)
```
#f9c2df
```
#f9c2df rgb(249,194,223)
```
#fbd4e8
```
#fbd4e8 rgb(251,212,232)
```
#fde6f2
```
#fde6f2 rgb(253,230,242)
```
#fef8fb
```
#fef8fb rgb(254,248,251)
```

Tint Color Variation

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

#83747c
```
#83747c rgb(131,116,124)
```
#8d6b7c
```
#8d6b7c rgb(141,107,124)
```
#96617d
```
#96617d rgb(150,97,125)
```
#a0587d
```
#a0587d rgb(160,88,125)
```
#a94e7d
```
#a94e7d rgb(169,78,125)
```
#b3457e
```
#b3457e rgb(179,69,126)
```
#bc3b7e
```
#bc3b7e rgb(188,59,126)
```
#c6327f
```
#c6327f rgb(198,50,127)
```
#cf287f
```
#cf287f rgb(207,40,127)
```
#d91f80
```
#d91f80 rgb(217,31,128)
```
#e21580
```
#e21580 rgb(226,21,128)
```
#ec0c80
```
#ec0c80 rgb(236,12,128)
```
#f50281
```
#f50281 rgb(245,2,129)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#784f65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a7bb1 Protanopia 1% of men
#8a7978 Deuteranopia 1% of men
#df3e40 Tritanopia 0.001% of the population

Trichromacy

#96569f Protanomaly 1% of men, 0.01% of women
#aa557b Deuteranomaly 6% of men, 0.4% of women
#e02f57 Tritanomaly 0.01% of the population

#e21580 hex color

#e21580 Color Information

#e21580 Color Conversion

Color Schemes with #e21580

Alternatives to #e21580

#e21580 Preview

Shades and Tints of #e21580

Tones of #e21580

Color Blindness Simulator