#e306cc hex color

In a RGB color space, hex #e306cc is composed of 89% red, 2.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.4% magenta, 10.1% yellow and 11% black. It has a hue angle of 306.2 degrees, a saturation of 94.8% and a lightness of 45.7%. #e306cc color hex could be obtained by blending #ff0cff with #c70099. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 89
- G 2
- B 80
RGB color chart
- C 0
- M 97
- Y 10
- K 11
CMYK color chart

● #e306cc color description : Vivid magenta.

The hexadecimal color #e306cc has RGB values of R:227, G:6, B:204 and CMYK values of C:0, M:0.97, Y:0.1, K:0.11. Its decimal value is 14878412.

Hex triplet	e306cc	`#e306cc`
RGB Decimal	227, 6, 204	`rgb(227,6,204)`
RGB Percent	89, 2.4, 80	`rgb(89%,2.4%,80%)`
CMYK	0, 97, 10, 11
HSL	306.2°, 94.8, 45.7	`hsl(306.2,94.8%,45.7%)`
HSV (or HSB)	306.2°, 97.4, 89
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	52.757, 86.405, -44.412
XYZ	42.642, 20.824, 58.897
xyY	0.348, 0.17, 20.824
CIE-LCH	52.757, 97.151, 332.797
CIE-LUV	52.757, 84.332, -79.451
Hunter-Lab	45.634, 86.941, -44.579
Binary	11100011, 00000110, 11001100

#e306cc
```
#e306cc rgb(227,6,204)
```
#06e31d
```
#06e31d rgb(6,227,29)
```

Complementary Color

#8c06e3
```
#8c06e3 rgb(140,6,227)
```
#e306cc
```
#e306cc rgb(227,6,204)
```
#e3065d
```
#e3065d rgb(227,6,93)
```

Analogous Color

#06e38c
```
#06e38c rgb(6,227,140)
```
#e306cc
```
#e306cc rgb(227,6,204)
```
#5de306
```
#5de306 rgb(93,227,6)
```

Split Complementary Color

#06cce3
```
#06cce3 rgb(6,204,227)
```
#e306cc
```
#e306cc rgb(227,6,204)
```
#cce306
```
#cce306 rgb(204,227,6)
```

Triadic Color

#1d06e3
```
#1d06e3 rgb(29,6,227)
```
#e306cc
```
#e306cc rgb(227,6,204)
```
#cce306
```
#cce306 rgb(204,227,6)
```
#06e31d
```
#06e31d rgb(6,227,29)
```

Tetradic Color

#980489
```
#980489 rgb(152,4,137)
```
#b1059f
```
#b1059f rgb(177,5,159)
```
#ca05b6
```
#ca05b6 rgb(202,5,182)
```
#e306cc
```
#e306cc rgb(227,6,204)
```
#f90ae0
```
#f90ae0 rgb(249,10,224)
```
#f923e3
```
#f923e3 rgb(249,35,227)
```
#fa3ce6
```
#fa3ce6 rgb(250,60,230)
```

Monochromatic Color

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

#c306e3
```
#c306e3 rgb(195,6,227)
```
#d506e3
```
#d506e3 rgb(213,6,227)
```
#e306de
```
#e306de rgb(227,6,222)
```
#e306cc
```
#e306cc rgb(227,6,204)
```
#e306ba
```
#e306ba rgb(227,6,186)
```
#e306a7
```
#e306a7 rgb(227,6,167)
```
#e30695
```
#e30695 rgb(227,6,149)
```

Similar Colors

Text with hexadecimal color #e306cc

This text has a font color of #e306cc.

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

#e306cc background color

This paragraph has a background color of #e306cc.

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

#e306cc border color

This element has a border color of #e306cc.

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

CSS codes

.text {color:#e306cc;}

.background {background-color:#e306cc;}

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

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, #11000f is the darkest color, while #fffdff is the lightest one.

#11000f
```
#11000f rgb(17,0,15)
```
#240120
```
#240120 rgb(36,1,32)
```
#370131
```
#370131 rgb(55,1,49)
```
#4a0243
```
#4a0243 rgb(74,2,67)
```
#5d0254
```
#5d0254 rgb(93,2,84)
```
#700365
```
#700365 rgb(112,3,101)
```
#830376
```
#830376 rgb(131,3,118)
```
#970487
```
#970487 rgb(151,4,135)
```
#aa0498
```
#aa0498 rgb(170,4,152)
```
#bd05aa
```
#bd05aa rgb(189,5,170)
```
#d005bb
```
#d005bb rgb(208,5,187)
```
#e306cc
```
#e306cc rgb(227,6,204)
```
#f607dd
```
#f607dd rgb(246,7,221)
```

Shade Color Variation

#f917e1
```
#f917e1 rgb(249,23,225)
```
#f92ae4
```
#f92ae4 rgb(249,42,228)
```
#fa3ee6
```
#fa3ee6 rgb(250,62,230)
```
#fa51e9
```
#fa51e9 rgb(250,81,233)
```
#fb64eb
```
#fb64eb rgb(251,100,235)
```
#fb77ee
```
#fb77ee rgb(251,119,238)
```
#fc8af0
```
#fc8af0 rgb(252,138,240)
```
#fc9df2
```
#fc9df2 rgb(252,157,242)
```
#fdb0f5
```
#fdb0f5 rgb(253,176,245)
```
#fdc3f7
```
#fdc3f7 rgb(253,195,247)
```
#fed6fa
```
#fed6fa rgb(254,214,250)
```
#feeafc
```
#feeafc rgb(254,234,252)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#777277
```
#777277 rgb(119,114,119)
```
#80697e
```
#80697e rgb(128,105,126)
```
#896085
```
#896085 rgb(137,96,133)
```
#92578c
```
#92578c rgb(146,87,140)
```
#9b4e93
```
#9b4e93 rgb(155,78,147)
```
#a4459a
```
#a4459a rgb(164,69,154)
```
#ad3ca1
```
#ad3ca1 rgb(173,60,161)
```
#b633a9
```
#b633a9 rgb(182,51,169)
```
#bf2ab0
```
#bf2ab0 rgb(191,42,176)
```
#c821b7
```
#c821b7 rgb(200,33,183)
```
#d118be
```
#d118be rgb(209,24,190)
```
#da0fc5
```
#da0fc5 rgb(218,15,197)
```
#e306cc
```
#e306cc rgb(227,6,204)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#794d75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fb Protanopia 1% of men
#6c83bb Deuteranopia 1% of men
#d8595e Tritanopia 0.001% of the population

Trichromacy

#5253ea Protanomaly 1% of men, 0.01% of women
#9756c1 Deuteranomaly 6% of men, 0.4% of women
#dc3a86 Tritanomaly 0.01% of the population

#e306cc hex color

#e306cc Color Information

#e306cc Color Conversion

Color Schemes with #e306cc

Alternatives to #e306cc

#e306cc Preview

Shades and Tints of #e306cc

Tones of #e306cc

Color Blindness Simulator