#ec30e2 hex color

In a RGB color space, hex #ec30e2 is composed of 92.5% red, 18.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.7% magenta, 4.2% yellow and 7.5% black. It has a hue angle of 303.2 degrees, a saturation of 83.2% and a lightness of 55.7%. #ec30e2 color hex could be obtained by blending #ff60ff with #d900c5. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 93
- G 19
- B 89
RGB color chart
- C 0
- M 80
- Y 4
- K 7
CMYK color chart

● #ec30e2 color description : Bright magenta.

The hexadecimal color #ec30e2 has RGB values of R:236, G:48, B:226 and CMYK values of C:0, M:0.8, Y:0.04, K:0.07. Its decimal value is 15479010.

Hex triplet	ec30e2	`#ec30e2`
RGB Decimal	236, 48, 226	`rgb(236,48,226)`
RGB Percent	92.5, 18.8, 88.6	`rgb(92.5%,18.8%,88.6%)`
CMYK	0, 80, 4, 7
HSL	303.2°, 83.2, 55.7	`hsl(303.2,83.2%,55.7%)`
HSV (or HSB)	303.2°, 79.7, 92.5
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	57.503, 85.118, -49.316
XYZ	49.376, 25.441, 74.257
xyY	0.331, 0.171, 25.441
CIE-LCH	57.503, 98.372, 329.913
CIE-LUV	57.503, 77.938, -88.286
Hunter-Lab	50.439, 86.467, -51.98
Binary	11101100, 00110000, 11100010

#ec30e2
```
#ec30e2 rgb(236,48,226)
```
#30ec3a
```
#30ec3a rgb(48,236,58)
```

Complementary Color

#9830ec
```
#9830ec rgb(152,48,236)
```
#ec30e2
```
#ec30e2 rgb(236,48,226)
```
#ec3084
```
#ec3084 rgb(236,48,132)
```

Analogous Color

#30ec98
```
#30ec98 rgb(48,236,152)
```
#ec30e2
```
#ec30e2 rgb(236,48,226)
```
#84ec30
```
#84ec30 rgb(132,236,48)
```

Split Complementary Color

#30e2ec
```
#30e2ec rgb(48,226,236)
```
#ec30e2
```
#ec30e2 rgb(236,48,226)
```
#e2ec30
```
#e2ec30 rgb(226,236,48)
```

Triadic Color

#3a30ec
```
#3a30ec rgb(58,48,236)
```
#ec30e2
```
#ec30e2 rgb(236,48,226)
```
#e2ec30
```
#e2ec30 rgb(226,236,48)
```
#30ec3a
```
#30ec3a rgb(48,236,58)
```

Tetradic Color

#be11b5
```
#be11b5 rgb(190,17,181)
```
#d514cb
```
#d514cb rgb(213,20,203)
```
#ea19df
```
#ea19df rgb(234,25,223)
```
#ec30e2
```
#ec30e2 rgb(236,48,226)
```
#ee47e5
```
#ee47e5 rgb(238,71,229)
```
#f05fe9
```
#f05fe9 rgb(240,95,233)
```
#f276ec
```
#f276ec rgb(242,118,236)
```

Monochromatic Color

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

#c730ec
```
#c730ec rgb(199,48,236)
```
#d730ec
```
#d730ec rgb(215,48,236)
```
#e630ec
```
#e630ec rgb(230,48,236)
```
#ec30e2
```
#ec30e2 rgb(236,48,226)
```
#ec30d2
```
#ec30d2 rgb(236,48,210)
```
#ec30c3
```
#ec30c3 rgb(236,48,195)
```
#ec30b3
```
#ec30b3 rgb(236,48,179)
```

Similar Colors

Text with hexadecimal color #ec30e2

This text has a font color of #ec30e2.

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

#ec30e2 background color

This paragraph has a background color of #ec30e2.

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

#ec30e2 border color

This element has a border color of #ec30e2.

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

CSS codes

.text {color:#ec30e2;}

.background {background-color:#ec30e2;}

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

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, #090108 is the darkest color, while #fef6fe is the lightest one.

#090108
```
#090108 rgb(9,1,8)
```
#1b0219
```
#1b0219 rgb(27,2,25)
```
#2d042a
```
#2d042a rgb(45,4,42)
```
#3e063b
```
#3e063b rgb(62,6,59)
```
#50074d
```
#50074d rgb(80,7,77)
```
#62095e
```
#62095e rgb(98,9,94)
```
#740b6f
```
#740b6f rgb(116,11,111)
```
#860c80
```
#860c80 rgb(134,12,128)
```
#980e91
```
#980e91 rgb(152,14,145)
```
#aa10a2
```
#aa10a2 rgb(170,16,162)
```
#bc11b3
```
#bc11b3 rgb(188,17,179)
```
#ce13c4
```
#ce13c4 rgb(206,19,196)
```
#e015d5
```
#e015d5 rgb(224,21,213)
```

Shade Color Variation

#ea1edf
```
#ea1edf rgb(234,30,223)
```
#ec30e2
```
#ec30e2 rgb(236,48,226)
```
#ee42e5
```
#ee42e5 rgb(238,66,229)
```
#ef54e7
```
#ef54e7 rgb(239,84,231)
```
#f166ea
```
#f166ea rgb(241,102,234)
```
#f378ec
```
#f378ec rgb(243,120,236)
```
#f48aef
```
#f48aef rgb(244,138,239)
```
#f69cf1
```
#f69cf1 rgb(246,156,241)
```
#f8aef4
```
#f8aef4 rgb(248,174,244)
```
#f9c0f6
```
#f9c0f6 rgb(249,192,246)
```
#fbd2f9
```
#fbd2f9 rgb(251,210,249)
```
#fce4fb
```
#fce4fb rgb(252,228,251)
```
#fef6fe
```
#fef6fe rgb(254,246,254)
```

Tint Color Variation

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

#958794
```
#958794 rgb(149,135,148)
```
#9e7e9c
```
#9e7e9c rgb(158,126,156)
```
#a676a4
```
#a676a4 rgb(166,118,164)
```
#af6dac
```
#af6dac rgb(175,109,172)
```
#b864b3
```
#b864b3 rgb(184,100,179)
```
#c15bbb
```
#c15bbb rgb(193,91,187)
```
#c953c3
```
#c953c3 rgb(201,83,195)
```
#d24acb
```
#d24acb rgb(210,74,203)
```
#db41d2
```
#db41d2 rgb(219,65,210)
```
#e339da
```
#e339da rgb(227,57,218)
```
#ec30e2
```
#ec30e2 rgb(236,48,226)
```
#f527ea
```
#f527ea rgb(245,39,234)
```
#fd1ff2
```
#fd1ff2 rgb(253,31,242)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#936e91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#498cff Protanopia 1% of men
#708fd0 Deuteranopia 1% of men
#df6a71 Tritanopia 0.001% of the population

Trichromacy

#846af4 Protanomaly 1% of men, 0.01% of women
#9d6cd6 Deuteranomaly 6% of men, 0.4% of women
#e4559a Tritanomaly 0.01% of the population

#ec30e2 hex color

#ec30e2 Color Information

#ec30e2 Color Conversion

Color Schemes with #ec30e2

Alternatives to #ec30e2

#ec30e2 Preview

Shades and Tints of #ec30e2

Tones of #ec30e2

Color Blindness Simulator