#e01580 hex color

In a RGB color space, hex #e01580 is composed of 87.8% red, 8.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.6% magenta, 42.9% yellow and 12.2% black. It has a hue angle of 328.4 degrees, a saturation of 82.9% and a lightness of 48%. #e01580 color hex could be obtained by blending #ff2aff with #c10001. Closest websafe color is: #cc0099.

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

● #e01580 color description : Vivid pink.

The hexadecimal color #e01580 has RGB values of R:224, G:21, B:128 and CMYK values of C:0, M:0.91, Y:0.43, K:0.12. Its decimal value is 14685568.

Hex triplet	e01580	`#e01580`
RGB Decimal	224, 21, 128	`rgb(224,21,128)`
RGB Percent	87.8, 8.2, 50.2	`rgb(87.8%,8.2%,50.2%)`
CMYK	0, 91, 43, 12
HSL	328.4°, 82.9, 48	`hsl(328.4,82.9%,48%)`
HSV (or HSB)	328.4°, 90.6, 87.8
Web Safe	cc0099	`#cc0099`

CIE-LAB	49.431, 76.033, -4.631
XYZ	34.906, 17.946, 22.047
xyY	0.466, 0.24, 17.946
CIE-LCH	49.431, 76.174, 356.514
CIE-LUV	49.431, 115.205, -20.621
Hunter-Lab	42.363, 72.945, -1.202
Binary	11100000, 00010101, 10000000

#e01580
```
#e01580 rgb(224,21,128)
```
#15e075
```
#15e075 rgb(21,224,117)
```

Complementary Color

#db15e0
```
#db15e0 rgb(219,21,224)
```
#e01580
```
#e01580 rgb(224,21,128)
```
#e0151b
```
#e0151b rgb(224,21,27)
```

Analogous Color

#15e0db
```
#15e0db rgb(21,224,219)
```
#e01580
```
#e01580 rgb(224,21,128)
```
#1be015
```
#1be015 rgb(27,224,21)
```

Split Complementary Color

#1580e0
```
#1580e0 rgb(21,128,224)
```
#e01580
```
#e01580 rgb(224,21,128)
```
#80e015
```
#80e015 rgb(128,224,21)
```

Triadic Color

#7515e0
```
#7515e0 rgb(117,21,224)
```
#e01580
```
#e01580 rgb(224,21,128)
```
#80e015
```
#80e015 rgb(128,224,21)
```
#15e075
```
#15e075 rgb(21,224,117)
```

Tetradic Color

#9a0e58
```
#9a0e58 rgb(154,14,88)
```
#b11165
```
#b11165 rgb(177,17,101)
```
#c91373
```
#c91373 rgb(201,19,115)
```
#e01580
```
#e01580 rgb(224,21,128)
```
#ea248d
```
#ea248d rgb(234,36,141)
```
#ed3b99
```
#ed3b99 rgb(237,59,153)
```
#ef53a5
```
#ef53a5 rgb(239,83,165)
```

Monochromatic Color

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

#e015b3
```
#e015b3 rgb(224,21,179)
```
#e015a2
```
#e015a2 rgb(224,21,162)
```
#e01591
```
#e01591 rgb(224,21,145)
```
#e01580
```
#e01580 rgb(224,21,128)
```
#e0156f
```
#e0156f rgb(224,21,111)
```
#e0155e
```
#e0155e rgb(224,21,94)
```
#e0154d
```
#e0154d rgb(224,21,77)
```

Similar Colors

Text with hexadecimal color #e01580

This text has a font color of #e01580.

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

#e01580 background color

This paragraph has a background color of #e01580.

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

#e01580 border color

This element has a border color of #e01580.

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

CSS codes

.text {color:#e01580;}

.background {background-color:#e01580;}

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

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

#090105
```
#090105 rgb(9,1,5)
```
#1b030f
```
#1b030f rgb(27,3,15)
```
#2d041a
```
#2d041a rgb(45,4,26)
```
#3f0624
```
#3f0624 rgb(63,6,36)
```
#51082e
```
#51082e rgb(81,8,46)
```
#620938
```
#620938 rgb(98,9,56)
```
#740b43
```
#740b43 rgb(116,11,67)
```
#860d4d
```
#860d4d rgb(134,13,77)
```
#980e57
```
#980e57 rgb(152,14,87)
```
#aa1061
```
#aa1061 rgb(170,16,97)
```
#bc126c
```
#bc126c rgb(188,18,108)
```
#ce1376
```
#ce1376 rgb(206,19,118)
```
#e01580
```
#e01580 rgb(224,21,128)
```

Shade Color Variation

#ea1f8a
```
#ea1f8a rgb(234,31,138)
```
#ec3193
```
#ec3193 rgb(236,49,147)
```
#ed439d
```
#ed439d rgb(237,67,157)
```
#ef54a6
```
#ef54a6 rgb(239,84,166)
```
#f166af
```
#f166af rgb(241,102,175)
```
#f278b9
```
#f278b9 rgb(242,120,185)
```
#f48ac2
```
#f48ac2 rgb(244,138,194)
```
#f69ccb
```
#f69ccb rgb(246,156,203)
```
#f7aed5
```
#f7aed5 rgb(247,174,213)
```
#f9c0de
```
#f9c0de rgb(249,192,222)
```
#fbd2e7
```
#fbd2e7 rgb(251,210,231)
```
#fce4f1
```
#fce4f1 rgb(252,228,241)
```
#fef6fa
```
#fef6fa rgb(254,246,250)
```

Tint Color Variation

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

#82737b
```
#82737b rgb(130,115,123)
```
#8b6a7b
```
#8b6a7b rgb(139,106,123)
```
#95607c
```
#95607c rgb(149,96,124)
```
#9e577c
```
#9e577c rgb(158,87,124)
```
#a74e7d
```
#a74e7d rgb(167,78,125)
```
#b1447d
```
#b1447d rgb(177,68,125)
```
#ba3b7e
```
#ba3b7e rgb(186,59,126)
```
#c4317e
```
#c4317e rgb(196,49,126)
```
#cd287f
```
#cd287f rgb(205,40,127)
```
#d71e7f
```
#d71e7f rgb(215,30,127)
```
#e01580
```
#e01580 rgb(224,21,128)
```
#e90c81
```
#e90c81 rgb(233,12,129)
```
#f30281
```
#f30281 rgb(243,2,129)
```

Tone Color Variation

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

#697ab1 Protanopia 1% of men
#897879 Deuteranopia 1% of men
#dd3e40 Tritanopia 0.001% of the population

Trichromacy

#94559f Protanomaly 1% of men, 0.01% of women
#a8547b Deuteranomaly 6% of men, 0.4% of women
#de2f57 Tritanomaly 0.01% of the population

#e01580 hex color

#e01580 Color Information

#e01580 Color Conversion

Color Schemes with #e01580

Alternatives to #e01580

#e01580 Preview

Shades and Tints of #e01580

Tones of #e01580

Color Blindness Simulator