colorhexa.com

#e502c5 hex color

In a RGB color space, hex #e502c5 is composed of 89.8% red, 0.8% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.1% magenta, 14% yellow and 10.2% black. It has a hue angle of 308.5 degrees, a saturation of 98.3% and a lightness of 45.3%. #e502c5 color hex could be obtained by blending #ff04ff with #cb008b. Closest websafe color is: #cc00cc.

- R 90
- G 1
- B 77
RGB color chart
- C 0
- M 99
- Y 14
- K 10
CMYK color chart

● #e502c5 color description : Vivid magenta.

The hexadecimal color #e502c5 has RGB values of R:229, G:2, B:197 and CMYK values of C:0, M:0.99, Y:0.14, K:0.1. Its decimal value is 15008453.

Hex triplet	e502c5	`#e502c5`
RGB Decimal	229, 2, 197	`rgb(229,2,197)`
RGB Percent	89.8, 0.8, 77.3	`rgb(89.8%,0.8%,77.3%)`
CMYK	0, 99, 14, 10
HSL	308.5°, 98.3, 45.3	`hsl(308.5,98.3%,45.3%)`
HSV (or HSB)	308.5°, 99.1, 89.8
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	52.66, 86.135, -40.505
XYZ	42.413, 20.736, 54.589
xyY	0.36, 0.176, 20.736
CIE-LCH	52.66, 95.183, 334.815
CIE-LUV	52.66, 89.106, -73.601
Hunter-Lab	45.537, 86.563, -39.2
Binary	11100101, 00000010, 11000101

#e502c5
```
#e502c5 rgb(229,2,197)
```
#02e522
```
#02e522 rgb(2,229,34)
```

Complementary Color

#9402e5
```
#9402e5 rgb(148,2,229)
```
#e502c5
```
#e502c5 rgb(229,2,197)
```
#e50254
```
#e50254 rgb(229,2,84)
```

Analogous Color

#02e594
```
#02e594 rgb(2,229,148)
```
#e502c5
```
#e502c5 rgb(229,2,197)
```
#54e502
```
#54e502 rgb(84,229,2)
```

Split Complementary Color

#02c5e5
```
#02c5e5 rgb(2,197,229)
```
#e502c5
```
#e502c5 rgb(229,2,197)
```
#c5e502
```
#c5e502 rgb(197,229,2)
```

Triadic Color

#990184
```
#990184 rgb(153,1,132)
```
#b2029a
```
#b2029a rgb(178,2,154)
```
#cc02af
```
#cc02af rgb(204,2,175)
```
#e502c5
```
#e502c5 rgb(229,2,197)
```
#fd04da
```
#fd04da rgb(253,4,218)
```
#fd1ddd
```
#fd1ddd rgb(253,29,221)
```
#fd36e1
```
#fd36e1 rgb(253,54,225)
```

Monochromatic Color

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

#cc02e5
```
#cc02e5 rgb(204,2,229)
```
#df02e5
```
#df02e5 rgb(223,2,229)
```
#e502d8
```
#e502d8 rgb(229,2,216)
```
#e502c5
```
#e502c5 rgb(229,2,197)
```
#e502b2
```
#e502b2 rgb(229,2,178)
```
#e5029f
```
#e5029f rgb(229,2,159)
```
#e5028c
```
#e5028c rgb(229,2,140)
```

Similar Colors

Text with hexadecimal color #e502c5

This text has a font color of #e502c5.

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

#e502c5 background color

This paragraph has a background color of #e502c5.

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

#e502c5 border color

This element has a border color of #e502c5.

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

CSS codes

.text {color:#e502c5;}

.background {background-color:#e502c5;}

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

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

#0f000d
```
#0f000d rgb(15,0,13)
```
#23001e
```
#23001e rgb(35,0,30)
```
#36002e
```
#36002e rgb(54,0,46)
```
#49013f
```
#49013f rgb(73,1,63)
```
#5d0150
```
#5d0150 rgb(93,1,80)
```
#700161
```
#700161 rgb(112,1,97)
```
#840171
```
#840171 rgb(132,1,113)
```
#970182
```
#970182 rgb(151,1,130)
```
#ab0193
```
#ab0193 rgb(171,1,147)
```
#be02a4
```
#be02a4 rgb(190,2,164)
```
#d202b4
```
#d202b4 rgb(210,2,180)
```
#e502c5
```
#e502c5 rgb(229,2,197)
```
#f802d6
```
#f802d6 rgb(248,2,214)
```

Shade Color Variation

#fd11dc
```
#fd11dc rgb(253,17,220)
```
#fd25df
```
#fd25df rgb(253,37,223)
```
#fd38e1
```
#fd38e1 rgb(253,56,225)
```
#fd4ce4
```
#fd4ce4 rgb(253,76,228)
```
#fe5fe7
```
#fe5fe7 rgb(254,95,231)
```
#fe73ea
```
#fe73ea rgb(254,115,234)
```
#fe86ed
```
#fe86ed rgb(254,134,237)
```
#fe99f0
```
#fe99f0 rgb(254,153,240)
```
#feadf3
```
#feadf3 rgb(254,173,243)
```
#fec0f6
```
#fec0f6 rgb(254,192,246)
```
#ffd4f9
```
#ffd4f9 rgb(255,212,249)
```
#ffe7fb
```
#ffe7fb rgb(255,231,251)
```
#fffbfe
```
#fffbfe rgb(255,251,254)
```

Tint Color Variation

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

#7a6d78
```
#7a6d78 rgb(122,109,120)
```
#83647f
```
#83647f rgb(131,100,127)
```
#8c5b85
```
#8c5b85 rgb(140,91,133)
```
#95528c
```
#95528c rgb(149,82,140)
```
#9e4992
```
#9e4992 rgb(158,73,146)
```
#a74098
```
#a74098 rgb(167,64,152)
```
#b0379f
```
#b0379f rgb(176,55,159)
```
#b92ea5
```
#b92ea5 rgb(185,46,165)
```
#c126ab
```
#c126ab rgb(193,38,171)
```
#ca1db2
```
#ca1db2 rgb(202,29,178)
```
#d314b8
```
#d314b8 rgb(211,20,184)
```
#dc0bbf
```
#dc0bbf rgb(220,11,191)
```
#e502c5
```
#e502c5 rgb(229,2,197)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#774a71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fb Protanopia 1% of men
#7183b5 Deuteranopia 1% of men
#db555a Tritanopia 0.001% of the population

Trichromacy

#5352e7 Protanomaly 1% of men, 0.01% of women
#9b54ba Deuteranomaly 6% of men, 0.4% of women
#df3781 Tritanomaly 0.01% of the population