#e302d4 hex color

In a RGB color space, hex #e302d4 is composed of 89% red, 0.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.1% magenta, 6.6% yellow and 11% black. It has a hue angle of 304 degrees, a saturation of 98.3% and a lightness of 44.9%. #e302d4 color hex could be obtained by blending #ff04ff with #c700a9. Closest websafe color is: #cc00cc.

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

● #e302d4 color description : Vivid magenta.

The hexadecimal color #e302d4 has RGB values of R:227, G:2, B:212 and CMYK values of C:0, M:0.99, Y:0.07, K:0.11. Its decimal value is 14877396.

Hex triplet	e302d4	`#e302d4`
RGB Decimal	227, 2, 212	`rgb(227,2,212)`
RGB Percent	89, 0.8, 83.1	`rgb(89%,0.8%,83.1%)`
CMYK	0, 99, 7, 11
HSL	304°, 98.3, 44.9	`hsl(304,98.3%,44.9%)`
HSV (or HSB)	304°, 99.1, 89
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	53.093, 87.752, -48.467
XYZ	43.583, 21.131, 64.067
xyY	0.338, 0.164, 21.131
CIE-LCH	53.093, 100.247, 331.087
CIE-LUV	53.093, 81.135, -85.776
Hunter-Lab	45.969, 88.793, -50.455
Binary	11100011, 00000010, 11010100

#e302d4
```
#e302d4 rgb(227,2,212)
```
#02e311
```
#02e311 rgb(2,227,17)
```

Complementary Color

#8202e3
```
#8202e3 rgb(130,2,227)
```
#e302d4
```
#e302d4 rgb(227,2,212)
```
#e30264
```
#e30264 rgb(227,2,100)
```

Analogous Color

#02e382
```
#02e382 rgb(2,227,130)
```
#e302d4
```
#e302d4 rgb(227,2,212)
```
#64e302
```
#64e302 rgb(100,227,2)
```

Split Complementary Color

#02d4e3
```
#02d4e3 rgb(2,212,227)
```
#e302d4
```
#e302d4 rgb(227,2,212)
```
#d4e302
```
#d4e302 rgb(212,227,2)
```

Triadic Color

#1102e3
```
#1102e3 rgb(17,2,227)
```
#e302d4
```
#e302d4 rgb(227,2,212)
```
#d4e302
```
#d4e302 rgb(212,227,2)
```
#02e311
```
#02e311 rgb(2,227,17)
```

Tetradic Color

#97018d
```
#97018d rgb(151,1,141)
```
#b002a5
```
#b002a5 rgb(176,2,165)
```
#ca02bc
```
#ca02bc rgb(202,2,188)
```
#e302d4
```
#e302d4 rgb(227,2,212)
```
#fc02ec
```
#fc02ec rgb(252,2,236)
```
#fd1bee
```
#fd1bee rgb(253,27,238)
```
#fd34f0
```
#fd34f0 rgb(253,52,240)
```

Monochromatic Color

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

#ba02e3
```
#ba02e3 rgb(186,2,227)
```
#cd02e3
```
#cd02e3 rgb(205,2,227)
```
#df02e3
```
#df02e3 rgb(223,2,227)
```
#e302d4
```
#e302d4 rgb(227,2,212)
```
#e302c1
```
#e302c1 rgb(227,2,193)
```
#e302af
```
#e302af rgb(227,2,175)
```
#e3029c
```
#e3029c rgb(227,2,156)
```

Similar Colors

Text with hexadecimal color #e302d4

This text has a font color of #e302d4.

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

#e302d4 background color

This paragraph has a background color of #e302d4.

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

#e302d4 border color

This element has a border color of #e302d4.

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

CSS codes

.text {color:#e302d4;}

.background {background-color:#e302d4;}

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

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

#0d000c
```
#0d000c rgb(13,0,12)
```
#21001e
```
#21001e rgb(33,0,30)
```
#340031
```
#340031 rgb(52,0,49)
```
#470143
```
#470143 rgb(71,1,67)
```
#5b0155
```
#5b0155 rgb(91,1,85)
```
#6e0167
```
#6e0167 rgb(110,1,103)
```
#820179
```
#820179 rgb(130,1,121)
```
#95018b
```
#95018b rgb(149,1,139)
```
#a9019e
```
#a9019e rgb(169,1,158)
```
#bc02b0
```
#bc02b0 rgb(188,2,176)
```
#d002c2
```
#d002c2 rgb(208,2,194)
```
#e302d4
```
#e302d4 rgb(227,2,212)
```
#f602e6
```
#f602e6 rgb(246,2,230)
```

Shade Color Variation

#fd0fed
```
#fd0fed rgb(253,15,237)
```
#fd23ef
```
#fd23ef rgb(253,35,239)
```
#fd36f0
```
#fd36f0 rgb(253,54,240)
```
#fd4af1
```
#fd4af1 rgb(253,74,241)
```
#fe5df3
```
#fe5df3 rgb(254,93,243)
```
#fe71f4
```
#fe71f4 rgb(254,113,244)
```
#fe84f6
```
#fe84f6 rgb(254,132,246)
```
#fe97f7
```
#fe97f7 rgb(254,151,247)
```
#feabf9
```
#feabf9 rgb(254,171,249)
```
#febefa
```
#febefa rgb(254,190,250)
```
#ffd2fc
```
#ffd2fc rgb(255,210,252)
```
#ffe5fd
```
#ffe5fd rgb(255,229,253)
```
#fff9ff
```
#fff9ff rgb(255,249,255)
```

Tint Color Variation

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

#796c78
```
#796c78 rgb(121,108,120)
```
#826380
```
#826380 rgb(130,99,128)
```
#8b5a88
```
#8b5a88 rgb(139,90,136)
```
#94518f
```
#94518f rgb(148,81,143)
```
#9d4897
```
#9d4897 rgb(157,72,151)
```
#a5409f
```
#a5409f rgb(165,64,159)
```
#ae37a6
```
#ae37a6 rgb(174,55,166)
```
#b72eae
```
#b72eae rgb(183,46,174)
```
#c025b5
```
#c025b5 rgb(192,37,181)
```
#c91cbd
```
#c91cbd rgb(201,28,189)
```
#d114c5
```
#d114c5 rgb(209,20,197)
```
#da0bcc
```
#da0bcc rgb(218,11,204)
```
#e302d4
```
#e302d4 rgb(227,2,212)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#784b75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fd Protanopia 1% of men
#6685c1 Deuteranopia 1% of men
#d75b61 Tritanopia 0.001% of the population

Trichromacy

#5253ee Protanomaly 1% of men, 0.01% of women
#9355c8 Deuteranomaly 6% of men, 0.4% of women
#db3b8a Tritanomaly 0.01% of the population

#e302d4 hex color

#e302d4 Color Information

#e302d4 Color Conversion

Color Schemes with #e302d4

Alternatives to #e302d4

#e302d4 Preview

Shades and Tints of #e302d4

Tones of #e302d4

Color Blindness Simulator