#e306b6 hex color

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

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

● #e306b6 color description : Vivid magenta.

The hexadecimal color #e306b6 has RGB values of R:227, G:6, B:182 and CMYK values of C:0, M:0.97, Y:0.2, K:0.11. Its decimal value is 14878390.

Hex triplet	e306b6	`#e306b6`
RGB Decimal	227, 6, 182	`rgb(227,6,182)`
RGB Percent	89, 2.4, 71.4	`rgb(89%,2.4%,71.4%)`
CMYK	0, 97, 20, 11
HSL	312.2°, 94.8, 45.7	`hsl(312.2,94.8%,45.7%)`
HSV (or HSB)	312.2°, 97.4, 89
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	51.658, 83.648, -33.383
XYZ	40.187, 19.842, 45.967
xyY	0.379, 0.187, 19.842
CIE-LCH	51.658, 90.063, 338.244
CIE-LUV	51.658, 94.063, -62.421
Hunter-Lab	44.545, 83.087, -30.002
Binary	11100011, 00000110, 10110110

#e306b6
```
#e306b6 rgb(227,6,182)
```
#06e333
```
#06e333 rgb(6,227,51)
```

Complementary Color

#a206e3
```
#a206e3 rgb(162,6,227)
```
#e306b6
```
#e306b6 rgb(227,6,182)
```
#e30648
```
#e30648 rgb(227,6,72)
```

Analogous Color

#06e3a2
```
#06e3a2 rgb(6,227,162)
```
#e306b6
```
#e306b6 rgb(227,6,182)
```
#48e306
```
#48e306 rgb(72,227,6)
```

Split Complementary Color

#06b6e3
```
#06b6e3 rgb(6,182,227)
```
#e306b6
```
#e306b6 rgb(227,6,182)
```
#b6e306
```
#b6e306 rgb(182,227,6)
```

Triadic Color

#3306e3
```
#3306e3 rgb(51,6,227)
```
#e306b6
```
#e306b6 rgb(227,6,182)
```
#b6e306
```
#b6e306 rgb(182,227,6)
```
#06e333
```
#06e333 rgb(6,227,51)
```

Tetradic Color

#98047a
```
#98047a rgb(152,4,122)
```
#b1058e
```
#b1058e rgb(177,5,142)
```
#ca05a2
```
#ca05a2 rgb(202,5,162)
```
#e306b6
```
#e306b6 rgb(227,6,182)
```
#f90ac8
```
#f90ac8 rgb(249,10,200)
```
#f923ce
```
#f923ce rgb(249,35,206)
```
#fa3cd3
```
#fa3cd3 rgb(250,60,211)
```

Monochromatic Color

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

#d906e3
```
#d906e3 rgb(217,6,227)
```
#e306db
```
#e306db rgb(227,6,219)
```
#e306c8
```
#e306c8 rgb(227,6,200)
```
#e306b6
```
#e306b6 rgb(227,6,182)
```
#e306a4
```
#e306a4 rgb(227,6,164)
```
#e30691
```
#e30691 rgb(227,6,145)
```
#e3067f
```
#e3067f rgb(227,6,127)
```

Similar Colors

Text with hexadecimal color #e306b6

This text has a font color of #e306b6.

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

#e306b6 background color

This paragraph has a background color of #e306b6.

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

#e306b6 border color

This element has a border color of #e306b6.

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

CSS codes

.text {color:#e306b6;}

.background {background-color:#e306b6;}

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

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

#11000d
```
#11000d rgb(17,0,13)
```
#24011d
```
#24011d rgb(36,1,29)
```
#37012c
```
#37012c rgb(55,1,44)
```
#4a023b
```
#4a023b rgb(74,2,59)
```
#5d024b
```
#5d024b rgb(93,2,75)
```
#70035a
```
#70035a rgb(112,3,90)
```
#830369
```
#830369 rgb(131,3,105)
```
#970479
```
#970479 rgb(151,4,121)
```
#aa0488
```
#aa0488 rgb(170,4,136)
```
#bd0597
```
#bd0597 rgb(189,5,151)
```
#d005a7
```
#d005a7 rgb(208,5,167)
```
#e306b6
```
#e306b6 rgb(227,6,182)
```
#f607c5
```
#f607c5 rgb(246,7,197)
```

Shade Color Variation

#f917cb
```
#f917cb rgb(249,23,203)
```
#f92acf
```
#f92acf rgb(249,42,207)
```
#fa3ed4
```
#fa3ed4 rgb(250,62,212)
```
#fa51d8
```
#fa51d8 rgb(250,81,216)
```
#fb64dc
```
#fb64dc rgb(251,100,220)
```
#fb77e0
```
#fb77e0 rgb(251,119,224)
```
#fc8ae5
```
#fc8ae5 rgb(252,138,229)
```
#fc9de9
```
#fc9de9 rgb(252,157,233)
```
#fdb0ed
```
#fdb0ed rgb(253,176,237)
```
#fdc3f2
```
#fdc3f2 rgb(253,195,242)
```
#fed6f6
```
#fed6f6 rgb(254,214,246)
```
#feeafa
```
#feeafa rgb(254,234,250)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#777276
```
#777276 rgb(119,114,118)
```
#80697c
```
#80697c rgb(128,105,124)
```
#896081
```
#896081 rgb(137,96,129)
```
#925786
```
#925786 rgb(146,87,134)
```
#9b4e8c
```
#9b4e8c rgb(155,78,140)
```
#a44591
```
#a44591 rgb(164,69,145)
```
#ad3c96
```
#ad3c96 rgb(173,60,150)
```
#b6339b
```
#b6339b rgb(182,51,155)
```
#bf2aa1
```
#bf2aa1 rgb(191,42,161)
```
#c821a6
```
#c821a6 rgb(200,33,166)
```
#d118ab
```
#d118ab rgb(209,24,171)
```
#da0fb1
```
#da0fb1 rgb(218,15,177)
```
#e306b6
```
#e306b6 rgb(227,6,182)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#774b6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d7df5 Protanopia 1% of men
#7780a8 Deuteranopia 1% of men
#db5054 Tritanopia 0.001% of the population

Trichromacy

#6552de Protanomaly 1% of men, 0.01% of women
#9e53ad Deuteranomaly 6% of men, 0.4% of women
#de3577 Tritanomaly 0.01% of the population

#e306b6 hex color

#e306b6 Color Information

#e306b6 Color Conversion

Color Schemes with #e306b6

Alternatives to #e306b6

#e306b6 Preview

Shades and Tints of #e306b6

Tones of #e306b6

Color Blindness Simulator