#ec20e2 hex color

In a RGB color space, hex #ec20e2 is composed of 92.5% red, 12.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.4% magenta, 4.2% yellow and 7.5% black. It has a hue angle of 302.9 degrees, a saturation of 84.3% and a lightness of 52.5%. #ec20e2 color hex could be obtained by blending #ff40ff with #d900c5. Closest websafe color is: #ff33cc.

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

● #ec20e2 color description : Vivid magenta.

The hexadecimal color #ec20e2 has RGB values of R:236, G:32, B:226 and CMYK values of C:0, M:0.86, Y:0.04, K:0.07. Its decimal value is 15474914.

Hex triplet	ec20e2	`#ec20e2`
RGB Decimal	236, 32, 226	`rgb(236,32,226)`
RGB Percent	92.5, 12.5, 88.6	`rgb(92.5%,12.5%,88.6%)`
CMYK	0, 86, 4, 7
HSL	302.9°, 84.3, 52.5	`hsl(302.9,84.3%,52.5%)`
HSV (or HSB)	302.9°, 86.4, 92.5
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	56.447, 88.198, -50.994
XYZ	48.835, 24.36, 74.077
xyY	0.332, 0.165, 24.36
CIE-LCH	56.447, 101.878, 329.964
CIE-LUV	56.447, 80.038, -90.897
Hunter-Lab	49.356, 90.242, -54.437
Binary	11101100, 00100000, 11100010

#ec20e2
```
#ec20e2 rgb(236,32,226)
```
#20ec2a
```
#20ec2a rgb(32,236,42)
```

Complementary Color

#9020ec
```
#9020ec rgb(144,32,236)
```
#ec20e2
```
#ec20e2 rgb(236,32,226)
```
#ec207c
```
#ec207c rgb(236,32,124)
```

Analogous Color

#20ec90
```
#20ec90 rgb(32,236,144)
```
#ec20e2
```
#ec20e2 rgb(236,32,226)
```
#7cec20
```
#7cec20 rgb(124,236,32)
```

Split Complementary Color

#20e2ec
```
#20e2ec rgb(32,226,236)
```
#ec20e2
```
#ec20e2 rgb(236,32,226)
```
#e2ec20
```
#e2ec20 rgb(226,236,32)
```

Triadic Color

#2a20ec
```
#2a20ec rgb(42,32,236)
```
#ec20e2
```
#ec20e2 rgb(236,32,226)
```
#e2ec20
```
#e2ec20 rgb(226,236,32)
```
#20ec2a
```
#20ec2a rgb(32,236,42)
```

Tetradic Color

#b00fa9
```
#b00fa9 rgb(176,15,169)
```
#c811bf
```
#c811bf rgb(200,17,191)
```
#df13d5
```
#df13d5 rgb(223,19,213)
```
#ec20e2
```
#ec20e2 rgb(236,32,226)
```
#ee37e5
```
#ee37e5 rgb(238,55,229)
```
#f04fe8
```
#f04fe8 rgb(240,79,232)
```
#f266eb
```
#f266eb rgb(242,102,235)
```

Monochromatic Color

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

#c320ec
```
#c320ec rgb(195,32,236)
```
#d420ec
```
#d420ec rgb(212,32,236)
```
#e520ec
```
#e520ec rgb(229,32,236)
```
#ec20e2
```
#ec20e2 rgb(236,32,226)
```
#ec20d1
```
#ec20d1 rgb(236,32,209)
```
#ec20c0
```
#ec20c0 rgb(236,32,192)
```
#ec20af
```
#ec20af rgb(236,32,175)
```

Similar Colors

Text with hexadecimal color #ec20e2

This text has a font color of #ec20e2.

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

#ec20e2 background color

This paragraph has a background color of #ec20e2.

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

#ec20e2 border color

This element has a border color of #ec20e2.

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

CSS codes

.text {color:#ec20e2;}

.background {background-color:#ec20e2;}

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

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

#0c010b
```
#0c010b rgb(12,1,11)
```
#1e031d
```
#1e031d rgb(30,3,29)
```
#30042e
```
#30042e rgb(48,4,46)
```
#42063f
```
#42063f rgb(66,6,63)
```
#540751
```
#540751 rgb(84,7,81)
```
#660962
```
#660962 rgb(102,9,98)
```
#780a73
```
#780a73 rgb(120,10,115)
```
#8b0c84
```
#8b0c84 rgb(139,12,132)
```
#9d0d96
```
#9d0d96 rgb(157,13,150)
```
#af0fa7
```
#af0fa7 rgb(175,15,167)
```
#c110b8
```
#c110b8 rgb(193,16,184)
```
#d312c9
```
#d312c9 rgb(211,18,201)
```
#e514db
```
#e514db rgb(229,20,219)
```

Shade Color Variation

#ec20e2
```
#ec20e2 rgb(236,32,226)
```
#ee32e4
```
#ee32e4 rgb(238,50,228)
```
#ef44e7
```
#ef44e7 rgb(239,68,231)
```
#f156e9
```
#f156e9 rgb(241,86,233)
```
#f268eb
```
#f268eb rgb(242,104,235)
```
#f47aee
```
#f47aee rgb(244,122,238)
```
#f58cf0
```
#f58cf0 rgb(245,140,240)
```
#f79ff2
```
#f79ff2 rgb(247,159,242)
```
#f8b1f5
```
#f8b1f5 rgb(248,177,245)
```
#fac3f7
```
#fac3f7 rgb(250,195,247)
```
#fbd5fa
```
#fbd5fa rgb(251,213,250)
```
#fde7fc
```
#fde7fc rgb(253,231,252)
```
#fef9fe
```
#fef9fe rgb(254,249,254)
```

Tint Color Variation

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

#8f7d8e
```
#8f7d8e rgb(143,125,142)
```
#987496
```
#987496 rgb(152,116,150)
```
#a26a9f
```
#a26a9f rgb(162,106,159)
```
#ab61a7
```
#ab61a7 rgb(171,97,167)
```
#b458b0
```
#b458b0 rgb(180,88,176)
```
#bd4fb8
```
#bd4fb8 rgb(189,79,184)
```
#c745c0
```
#c745c0 rgb(199,69,192)
```
#d03cc9
```
#d03cc9 rgb(208,60,201)
```
#d933d1
```
#d933d1 rgb(217,51,209)
```
#e329da
```
#e329da rgb(227,41,218)
```
#ec20e2
```
#ec20e2 rgb(236,32,226)
```
#f517ea
```
#f517ea rgb(245,23,234)
```
#ff0df3
```
#ff0df3 rgb(255,13,243)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#8b6289 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4089ff Protanopia 1% of men
#6b8dcf Deuteranopia 1% of men
#df666c Tritanopia 0.001% of the population

Trichromacy

#7e63f4 Protanomaly 1% of men, 0.01% of women
#9a65d5 Deuteranomaly 6% of men, 0.4% of women
#e34c97 Tritanomaly 0.01% of the population

#ec20e2 hex color

#ec20e2 Color Information

#ec20e2 Color Conversion

Color Schemes with #ec20e2

Alternatives to #ec20e2

#ec20e2 Preview

Shades and Tints of #ec20e2

Tones of #ec20e2

Color Blindness Simulator