#e306b5 hex color

In a RGB color space, hex #e306b5 is composed of 89% red, 2.4% green and 71% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.4% magenta, 20.3% yellow and 11% black. It has a hue angle of 312.5 degrees, a saturation of 94.8% and a lightness of 45.7%. #e306b5 color hex could be obtained by blending #ff0cff with #c7006b. 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

● #e306b5 color description : Vivid magenta.

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

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

CIE-LAB	51.611, 83.529, -32.871
XYZ	40.084, 19.801, 45.425
xyY	0.381, 0.188, 19.801
CIE-LCH	51.611, 89.764, 338.519
CIE-LUV	51.611, 94.519, -61.64
Hunter-Lab	44.498, 82.922, -29.375
Binary	11100011, 00000110, 10110101

#e306b5
```
#e306b5 rgb(227,6,181)
```
#06e334
```
#06e334 rgb(6,227,52)
```

Complementary Color

#a306e3
```
#a306e3 rgb(163,6,227)
```
#e306b5
```
#e306b5 rgb(227,6,181)
```
#e30647
```
#e30647 rgb(227,6,71)
```

Analogous Color

#06e3a3
```
#06e3a3 rgb(6,227,163)
```
#e306b5
```
#e306b5 rgb(227,6,181)
```
#47e306
```
#47e306 rgb(71,227,6)
```

Split Complementary Color

#06b5e3
```
#06b5e3 rgb(6,181,227)
```
#e306b5
```
#e306b5 rgb(227,6,181)
```
#b5e306
```
#b5e306 rgb(181,227,6)
```

Triadic Color

#3406e3
```
#3406e3 rgb(52,6,227)
```
#e306b5
```
#e306b5 rgb(227,6,181)
```
#b5e306
```
#b5e306 rgb(181,227,6)
```
#06e334
```
#06e334 rgb(6,227,52)
```

Tetradic Color

#98047a
```
#98047a rgb(152,4,122)
```
#b1058d
```
#b1058d rgb(177,5,141)
```
#ca05a1
```
#ca05a1 rgb(202,5,161)
```
#e306b5
```
#e306b5 rgb(227,6,181)
```
#f90ac7
```
#f90ac7 rgb(249,10,199)
```
#f923cd
```
#f923cd rgb(249,35,205)
```
#fa3cd2
```
#fa3cd2 rgb(250,60,210)
```

Monochromatic Color

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

#da06e3
```
#da06e3 rgb(218,6,227)
```
#e306da
```
#e306da rgb(227,6,218)
```
#e306c7
```
#e306c7 rgb(227,6,199)
```
#e306b5
```
#e306b5 rgb(227,6,181)
```
#e306a3
```
#e306a3 rgb(227,6,163)
```
#e30690
```
#e30690 rgb(227,6,144)
```
#e3067e
```
#e3067e rgb(227,6,126)
```

Similar Colors

Text with hexadecimal color #e306b5

This text has a font color of #e306b5.

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

#e306b5 background color

This paragraph has a background color of #e306b5.

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

#e306b5 border color

This element has a border color of #e306b5.

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

CSS codes

.text {color:#e306b5;}

.background {background-color:#e306b5;}

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

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)
```
#5d024a
```
#5d024a rgb(93,2,74)
```
#70035a
```
#70035a rgb(112,3,90)
```
#830369
```
#830369 rgb(131,3,105)
```
#970478
```
#970478 rgb(151,4,120)
```
#aa0487
```
#aa0487 rgb(170,4,135)
```
#bd0597
```
#bd0597 rgb(189,5,151)
```
#d005a6
```
#d005a6 rgb(208,5,166)
```
#e306b5
```
#e306b5 rgb(227,6,181)
```
#f607c4
```
#f607c4 rgb(246,7,196)
```

Shade Color Variation

#f917ca
```
#f917ca rgb(249,23,202)
```
#f92ace
```
#f92ace rgb(249,42,206)
```
#fa3ed3
```
#fa3ed3 rgb(250,62,211)
```
#fa51d7
```
#fa51d7 rgb(250,81,215)
```
#fb64db
```
#fb64db rgb(251,100,219)
```
#fb77e0
```
#fb77e0 rgb(251,119,224)
```
#fc8ae4
```
#fc8ae4 rgb(252,138,228)
```
#fc9de9
```
#fc9de9 rgb(252,157,233)
```
#fdb0ed
```
#fdb0ed rgb(253,176,237)
```
#fdc3f1
```
#fdc3f1 rgb(253,195,241)
```
#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 #e306b5 is the most saturated one.

#777276
```
#777276 rgb(119,114,118)
```
#80697b
```
#80697b rgb(128,105,123)
```
#896081
```
#896081 rgb(137,96,129)
```
#925786
```
#925786 rgb(146,87,134)
```
#9b4e8b
```
#9b4e8b rgb(155,78,139)
```
#a44590
```
#a44590 rgb(164,69,144)
```
#ad3c96
```
#ad3c96 rgb(173,60,150)
```
#b6339b
```
#b6339b rgb(182,51,155)
```
#bf2aa0
```
#bf2aa0 rgb(191,42,160)
```
#c821a5
```
#c821a5 rgb(200,33,165)
```
#d118ab
```
#d118ab rgb(209,24,171)
```
#da0fb0
```
#da0fb0 rgb(218,15,176)
```
#e306b5
```
#e306b5 rgb(227,6,181)
```

Tone Color Variation

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

#217df3 Protanopia 1% of men
#7880a7 Deuteranopia 1% of men
#db5054 Tritanopia 0.001% of the population

Trichromacy

#6852dd Protanomaly 1% of men, 0.01% of women
#9f53ac Deuteranomaly 6% of men, 0.4% of women
#de3577 Tritanomaly 0.01% of the population

#e306b5 hex color

#e306b5 Color Information

#e306b5 Color Conversion

Color Schemes with #e306b5

Alternatives to #e306b5

#e306b5 Preview

Shades and Tints of #e306b5

Tones of #e306b5

Color Blindness Simulator