#e30396 hex color

In a RGB color space, hex #e30396 is composed of 89% red, 1.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.7% magenta, 33.9% yellow and 11% black. It has a hue angle of 320.6 degrees, a saturation of 97.4% and a lightness of 45.1%. #e30396 color hex could be obtained by blending #ff06ff with #c7002d. Closest websafe color is: #cc0099.

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

● #e30396 color description : Vivid pink.

The hexadecimal color #e30396 has RGB values of R:227, G:3, B:150 and CMYK values of C:0, M:0.99, Y:0.34, K:0.11. Its decimal value is 14877590.

Hex triplet	e30396	`#e30396`
RGB Decimal	227, 3, 150	`rgb(227,3,150)`
RGB Percent	89, 1.2, 58.8	`rgb(89%,1.2%,58.8%)`
CMYK	0, 99, 34, 11
HSL	320.6°, 97.4, 45.1	`hsl(320.6,97.4%,45.1%)`
HSV (or HSB)	320.6°, 98.7, 89
Web Safe	cc0099	`#cc0099`

CIE-LAB	50.218, 80.371, -16.668
XYZ	37.217, 18.602, 30.483
xyY	0.431, 0.216, 18.602
CIE-LCH	50.218, 82.082, 348.284
CIE-LUV	50.218, 109.223, -37.664
Hunter-Lab	43.13, 78.551, -11.714
Binary	11100011, 00000011, 10010110

#e30396
```
#e30396 rgb(227,3,150)
```
#03e350
```
#03e350 rgb(3,227,80)
```

Complementary Color

#c003e3
```
#c003e3 rgb(192,3,227)
```
#e30396
```
#e30396 rgb(227,3,150)
```
#e30326
```
#e30326 rgb(227,3,38)
```

Analogous Color

#03e3c0
```
#03e3c0 rgb(3,227,192)
```
#e30396
```
#e30396 rgb(227,3,150)
```
#26e303
```
#26e303 rgb(38,227,3)
```

Split Complementary Color

#0396e3
```
#0396e3 rgb(3,150,227)
```
#e30396
```
#e30396 rgb(227,3,150)
```
#96e303
```
#96e303 rgb(150,227,3)
```

Triadic Color

#5003e3
```
#5003e3 rgb(80,3,227)
```
#e30396
```
#e30396 rgb(227,3,150)
```
#96e303
```
#96e303 rgb(150,227,3)
```
#03e350
```
#03e350 rgb(3,227,80)
```

Tetradic Color

#970264
```
#970264 rgb(151,2,100)
```
#b10275
```
#b10275 rgb(177,2,117)
```
#ca0385
```
#ca0385 rgb(202,3,133)
```
#e30396
```
#e30396 rgb(227,3,150)
```
#fc04a6
```
#fc04a6 rgb(252,4,166)
```
#fc1daf
```
#fc1daf rgb(252,29,175)
```
#fc36b8
```
#fc36b8 rgb(252,54,184)
```

Monochromatic Color

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

#e303ce
```
#e303ce rgb(227,3,206)
```
#e303bb
```
#e303bb rgb(227,3,187)
```
#e303a9
```
#e303a9 rgb(227,3,169)
```
#e30396
```
#e30396 rgb(227,3,150)
```
#e30383
```
#e30383 rgb(227,3,131)
```
#e30371
```
#e30371 rgb(227,3,113)
```
#e3035e
```
#e3035e rgb(227,3,94)
```

Similar Colors

Text with hexadecimal color #e30396

This text has a font color of #e30396.

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

#e30396 background color

This paragraph has a background color of #e30396.

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

#e30396 border color

This element has a border color of #e30396.

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

CSS codes

.text {color:#e30396;}

.background {background-color:#e30396;}

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

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

#0e0009
```
#0e0009 rgb(14,0,9)
```
#210016
```
#210016 rgb(33,0,22)
```
#350123
```
#350123 rgb(53,1,35)
```
#480130
```
#480130 rgb(72,1,48)
```
#5b013c
```
#5b013c rgb(91,1,60)
```
#6f0149
```
#6f0149 rgb(111,1,73)
```
#820256
```
#820256 rgb(130,2,86)
```
#960263
```
#960263 rgb(150,2,99)
```
#a90270
```
#a90270 rgb(169,2,112)
```
#bc027c
```
#bc027c rgb(188,2,124)
```
#d00389
```
#d00389 rgb(208,3,137)
```
#e30396
```
#e30396 rgb(227,3,150)
```
#f603a3
```
#f603a3 rgb(246,3,163)
```

Shade Color Variation

#fc11ab
```
#fc11ab rgb(252,17,171)
```
#fc25b2
```
#fc25b2 rgb(252,37,178)
```
#fc38b9
```
#fc38b9 rgb(252,56,185)
```
#fd4bc0
```
#fd4bc0 rgb(253,75,192)
```
#fd5fc7
```
#fd5fc7 rgb(253,95,199)
```
#fd72cd
```
#fd72cd rgb(253,114,205)
```
#fd86d4
```
#fd86d4 rgb(253,134,212)
```
#fe99db
```
#fe99db rgb(254,153,219)
```
#feace2
```
#feace2 rgb(254,172,226)
```
#fec0e9
```
#fec0e9 rgb(254,192,233)
```
#fed3ef
```
#fed3ef rgb(254,211,239)
```
#ffe6f6
```
#ffe6f6 rgb(255,230,246)
```
#fffafd
```
#fffafd rgb(255,250,253)
```

Tint Color Variation

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

#796d75
```
#796d75 rgb(121,109,117)
```
#826478
```
#826478 rgb(130,100,120)
```
#8b5b7a
```
#8b5b7a rgb(139,91,122)
```
#93537d
```
#93537d rgb(147,83,125)
```
#9c4a80
```
#9c4a80 rgb(156,74,128)
```
#a54183
```
#a54183 rgb(165,65,131)
```
#ae3885
```
#ae3885 rgb(174,56,133)
```
#b72f88
```
#b72f88 rgb(183,47,136)
```
#c0268b
```
#c0268b rgb(192,38,139)
```
#c81e8e
```
#c81e8e rgb(200,30,142)
```
#d11590
```
#d11590 rgb(209,21,144)
```
#da0c93
```
#da0c93 rgb(218,12,147)
```
#e30396
```
#e30396 rgb(227,3,150)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#734664 Atypical Achromatopsia 0.001% of the population

Dichromacy

#567bce Protanopia 1% of men
#837b8c Deuteranopia 1% of men
#de4345 Tritanopia 0.001% of the population

Trichromacy

#894fba Protanomaly 1% of men, 0.01% of women
#a64f8f Deuteranomaly 6% of men, 0.4% of women
#e02b62 Tritanomaly 0.01% of the population

#e30396 hex color

#e30396 Color Information

#e30396 Color Conversion

Color Schemes with #e30396

Alternatives to #e30396

#e30396 Preview

Shades and Tints of #e30396

Tones of #e30396

Color Blindness Simulator