#e309f2 hex color

In a RGB color space, hex #e309f2 is composed of 89% red, 3.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 6.2% cyan, 96.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 296.1 degrees, a saturation of 92.8% and a lightness of 49.2%. #e309f2 color hex could be obtained by blending #ff12ff with #c700e5. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 89
- G 4
- B 95
RGB color chart
- C 6
- M 96
- Y 0
- K 5
CMYK color chart

● #e309f2 color description : Vivid magenta.

The hexadecimal color #e309f2 has RGB values of R:227, G:9, B:242 and CMYK values of C:0.06, M:0.96, Y:0, K:0.05. Its decimal value is 14879218.

Hex triplet	e309f2	`#e309f2`
RGB Decimal	227, 9, 242	`rgb(227,9,242)`
RGB Percent	89, 3.5, 94.9	`rgb(89%,3.5%,94.9%)`
CMYK	6, 96, 0, 5
HSL	296.1°, 92.8, 49.2	`hsl(296.1,92.8%,49.2%)`
HSV (or HSB)	296.1°, 96.3, 94.9
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	55.011, 91.544, -62.377
XYZ	47.802, 22.94, 85.91
xyY	0.305, 0.146, 22.94
CIE-LCH	55.011, 110.775, 325.73
CIE-LUV	55.011, 69.005, -107.646
Hunter-Lab	47.896, 94.332, -72.82
Binary	11100011, 00001001, 11110010

#e309f2
```
#e309f2 rgb(227,9,242)
```
#18f209
```
#18f209 rgb(24,242,9)
```

Complementary Color

#6f09f2
```
#6f09f2 rgb(111,9,242)
```
#e309f2
```
#e309f2 rgb(227,9,242)
```
#f2098d
```
#f2098d rgb(242,9,141)
```

Analogous Color

#09f26f
```
#09f26f rgb(9,242,111)
```
#e309f2
```
#e309f2 rgb(227,9,242)
```
#8df209
```
#8df209 rgb(141,242,9)
```

Split Complementary Color

#09f2e3
```
#09f2e3 rgb(9,242,227)
```
#e309f2
```
#e309f2 rgb(227,9,242)
```
#f2e309
```
#f2e309 rgb(242,227,9)
```

Triadic Color

#0918f2
```
#0918f2 rgb(9,24,242)
```
#e309f2
```
#e309f2 rgb(227,9,242)
```
#f2e309
```
#f2e309 rgb(242,227,9)
```
#18f209
```
#18f209 rgb(24,242,9)
```

Tetradic Color

#9e06a8
```
#9e06a8 rgb(158,6,168)
```
#b507c1
```
#b507c1 rgb(181,7,193)
```
#cc08d9
```
#cc08d9 rgb(204,8,217)
```
#e309f2
```
#e309f2 rgb(227,9,242)
```
#e91ef7
```
#e91ef7 rgb(233,30,247)
```
#eb36f8
```
#eb36f8 rgb(235,54,248)
```
#ee4ff8
```
#ee4ff8 rgb(238,79,248)
```

Monochromatic Color

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

#a909f2
```
#a909f2 rgb(169,9,242)
```
#bc09f2
```
#bc09f2 rgb(188,9,242)
```
#d009f2
```
#d009f2 rgb(208,9,242)
```
#e309f2
```
#e309f2 rgb(227,9,242)
```
#f209ee
```
#f209ee rgb(242,9,238)
```
#f209da
```
#f209da rgb(242,9,218)
```
#f209c7
```
#f209c7 rgb(242,9,199)
```

Similar Colors

Text with hexadecimal color #e309f2

This text has a font color of #e309f2.

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

#e309f2 background color

This paragraph has a background color of #e309f2.

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

#e309f2 border color

This element has a border color of #e309f2.

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

CSS codes

.text {color:#e309f2;}

.background {background-color:#e309f2;}

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

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

#0e010f
```
#0e010f rgb(14,1,15)
```
#200122
```
#200122 rgb(32,1,34)
```
#320235
```
#320235 rgb(50,2,53)
```
#430348
```
#430348 rgb(67,3,72)
```
#55035b
```
#55035b rgb(85,3,91)
```
#67046e
```
#67046e rgb(103,4,110)
```
#790581
```
#790581 rgb(121,5,129)
```
#8a0593
```
#8a0593 rgb(138,5,147)
```
#9c06a6
```
#9c06a6 rgb(156,6,166)
```
#ae07b9
```
#ae07b9 rgb(174,7,185)
```
#c008cc
```
#c008cc rgb(192,8,204)
```
#d108df
```
#d108df rgb(209,8,223)
```
#e309f2
```
#e309f2 rgb(227,9,242)
```

Shade Color Variation

#e818f6
```
#e818f6 rgb(232,24,246)
```
#ea2bf7
```
#ea2bf7 rgb(234,43,247)
```
#ec3ef8
```
#ec3ef8 rgb(236,62,248)
```
#ee51f9
```
#ee51f9 rgb(238,81,249)
```
#f064f9
```
#f064f9 rgb(240,100,249)
```
#f177fa
```
#f177fa rgb(241,119,250)
```
#f38afb
```
#f38afb rgb(243,138,251)
```
#f59dfb
```
#f59dfb rgb(245,157,251)
```
#f7affc
```
#f7affc rgb(247,175,252)
```
#f9c2fd
```
#f9c2fd rgb(249,194,253)
```
#fbd5fd
```
#fbd5fd rgb(251,213,253)
```
#fde8fe
```
#fde8fe rgb(253,232,254)
```
#fffbff
```
#fffbff rgb(255,251,255)
```

Tint Color Variation

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

#7e7d7e
```
#7e7d7e rgb(126,125,126)
```
#867388
```
#867388 rgb(134,115,136)
```
#8f6a91
```
#8f6a91 rgb(143,106,145)
```
#97609b
```
#97609b rgb(151,96,155)
```
#a056a5
```
#a056a5 rgb(160,86,165)
```
#a84dae
```
#a84dae rgb(168,77,174)
```
#b143b8
```
#b143b8 rgb(177,67,184)
```
#b939c2
```
#b939c2 rgb(185,57,194)
```
#c130cb
```
#c130cb rgb(193,48,203)
```
#ca26d5
```
#ca26d5 rgb(202,38,213)
```
#d21cdf
```
#d21cdf rgb(210,28,223)
```
#db13e8
```
#db13e8 rgb(219,19,232)
```
#e309f2
```
#e309f2 rgb(227,9,242)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#7e5381 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e86ff Protanopia 1% of men
#4c8bdb Deuteranopia 1% of men
#d3686f Tritanopia 0.001% of the population

Trichromacy

#7058fa Protanomaly 1% of men, 0.01% of women
#835be3 Deuteranomaly 6% of men, 0.4% of women
#d8459e Tritanomaly 0.01% of the population

#e309f2 hex color

#e309f2 Color Information

#e309f2 Color Conversion

Color Schemes with #e309f2

Alternatives to #e309f2

#e309f2 Preview

Shades and Tints of #e309f2

Tones of #e309f2

Color Blindness Simulator