#e302f5 hex color

In a RGB color space, hex #e302f5 is composed of 89% red, 0.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 7.3% cyan, 99.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 295.6 degrees, a saturation of 98.4% and a lightness of 48.4%. #e302f5 color hex could be obtained by blending #ff04ff with #c700eb. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 89
- G 1
- B 96
RGB color chart
- C 7
- M 99
- Y 0
- K 4
CMYK color chart

● #e302f5 color description : Vivid magenta.

The hexadecimal color #e302f5 has RGB values of R:227, G:2, B:245 and CMYK values of C:0.07, M:0.99, Y:0, K:0.04. Its decimal value is 14877429.

Hex triplet	e302f5	`#e302f5`
RGB Decimal	227, 2, 245	`rgb(227,2,245)`
RGB Percent	89, 0.8, 96.1	`rgb(89%,0.8%,96.1%)`
CMYK	7, 99, 0, 4
HSL	295.6°, 98.4, 48.4	`hsl(295.6,98.4%,48.4%)`
HSV (or HSB)	295.6°, 99.2, 96.1
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	55.041, 92.458, -64.007
XYZ	48.18, 22.97, 88.277
xyY	0.302, 0.144, 22.97
CIE-LCH	55.041, 112.451, 325.306
CIE-LUV	55.041, 68.152, -110.156
Hunter-Lab	47.927, 95.572, -75.658
Binary	11100011, 00000010, 11110101

#e302f5
```
#e302f5 rgb(227,2,245)
```
#14f502
```
#14f502 rgb(20,245,2)
```

Complementary Color

#6a02f5
```
#6a02f5 rgb(106,2,245)
```
#e302f5
```
#e302f5 rgb(227,2,245)
```
#f5028e
```
#f5028e rgb(245,2,142)
```

Analogous Color

#02f56a
```
#02f56a rgb(2,245,106)
```
#e302f5
```
#e302f5 rgb(227,2,245)
```
#8ef502
```
#8ef502 rgb(142,245,2)
```

Split Complementary Color

#02f5e3
```
#02f5e3 rgb(2,245,227)
```
#e302f5
```
#e302f5 rgb(227,2,245)
```
#f5e302
```
#f5e302 rgb(245,227,2)
```

Triadic Color

#0214f5
```
#0214f5 rgb(2,20,245)
```
#e302f5
```
#e302f5 rgb(227,2,245)
```
#f5e302
```
#f5e302 rgb(245,227,2)
```
#14f502
```
#14f502 rgb(20,245,2)
```

Tetradic Color

#9d01a9
```
#9d01a9 rgb(157,1,169)
```
#b402c2
```
#b402c2 rgb(180,2,194)
```
#cc02dc
```
#cc02dc rgb(204,2,220)
```
#e302f5
```
#e302f5 rgb(227,2,245)
```
#ec13fd
```
#ec13fd rgb(236,19,253)
```
#ee2dfd
```
#ee2dfd rgb(238,45,253)
```
#f046fd
```
#f046fd rgb(240,70,253)
```

Monochromatic Color

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

#a602f5
```
#a602f5 rgb(166,2,245)
```
#bb02f5
```
#bb02f5 rgb(187,2,245)
```
#cf02f5
```
#cf02f5 rgb(207,2,245)
```
#e302f5
```
#e302f5 rgb(227,2,245)
```
#f502f3
```
#f502f3 rgb(245,2,243)
```
#f502df
```
#f502df rgb(245,2,223)
```
#f502ca
```
#f502ca rgb(245,2,202)
```

Similar Colors

Text with hexadecimal color #e302f5

This text has a font color of #e302f5.

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

#e302f5 background color

This paragraph has a background color of #e302f5.

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

#e302f5 border color

This element has a border color of #e302f5.

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

CSS codes

.text {color:#e302f5;}

.background {background-color:#e302f5;}

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

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

#0b000c
```
#0b000c rgb(11,0,12)
```
#1d001f
```
#1d001f rgb(29,0,31)
```
#2f0032
```
#2f0032 rgb(47,0,50)
```
#410146
```
#410146 rgb(65,1,70)
```
#530159
```
#530159 rgb(83,1,89)
```
#65016d
```
#65016d rgb(101,1,109)
```
#770180
```
#770180 rgb(119,1,128)
```
#890194
```
#890194 rgb(137,1,148)
```
#9b01a7
```
#9b01a7 rgb(155,1,167)
```
#ad02bb
```
#ad02bb rgb(173,2,187)
```
#bf02ce
```
#bf02ce rgb(191,2,206)
```
#d102e2
```
#d102e2 rgb(209,2,226)
```
#e302f5
```
#e302f5 rgb(227,2,245)
```

Shade Color Variation

#eb0efd
```
#eb0efd rgb(235,14,253)
```
#ed21fd
```
#ed21fd rgb(237,33,253)
```
#ee34fd
```
#ee34fd rgb(238,52,253)
```
#f048fe
```
#f048fe rgb(240,72,254)
```
#f25bfe
```
#f25bfe rgb(242,91,254)
```
#f36ffe
```
#f36ffe rgb(243,111,254)
```
#f582fe
```
#f582fe rgb(245,130,254)
```
#f696fe
```
#f696fe rgb(246,150,254)
```
#f8a9fe
```
#f8a9fe rgb(248,169,254)
```
#fabdfe
```
#fabdfe rgb(250,189,254)
```
#fbd0ff
```
#fbd0ff rgb(251,208,255)
```
#fde4ff
```
#fde4ff rgb(253,228,255)
```
#fef7ff
```
#fef7ff rgb(254,247,255)
```

Tint Color Variation

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

#827483
```
#827483 rgb(130,116,131)
```
#8a6b8d
```
#8a6b8d rgb(138,107,141)
```
#926196
```
#926196 rgb(146,97,150)
```
#9a58a0
```
#9a58a0 rgb(154,88,160)
```
#a24ea9
```
#a24ea9 rgb(162,78,169)
```
#aa45b3
```
#aa45b3 rgb(170,69,179)
```
#b23bbc
```
#b23bbc rgb(178,59,188)
```
#bb32c6
```
#bb32c6 rgb(187,50,198)
```
#c328cf
```
#c328cf rgb(195,40,207)
```
#cb1fd9
```
#cb1fd9 rgb(203,31,217)
```
#d315e2
```
#d315e2 rgb(211,21,226)
```
#db0cec
```
#db0cec rgb(219,12,236)
```
#e302f5
```
#e302f5 rgb(227,2,245)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#7b4e7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e86ff Protanopia 1% of men
#478bde Deuteranopia 1% of men
#d2696f Tritanopia 0.001% of the population

Trichromacy

#7056fb Protanomaly 1% of men, 0.01% of women
#8059e6 Deuteranomaly 6% of men, 0.4% of women
#d843a0 Tritanomaly 0.01% of the population

#e302f5 hex color

#e302f5 Color Information

#e302f5 Color Conversion

Color Schemes with #e302f5

Alternatives to #e302f5

#e302f5 Preview

Shades and Tints of #e302f5

Tones of #e302f5

Color Blindness Simulator