#ed218a hex color

In a RGB color space, hex #ed218a is composed of 92.9% red, 12.9% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.1% magenta, 41.8% yellow and 7.1% black. It has a hue angle of 329.1 degrees, a saturation of 85% and a lightness of 52.9%. #ed218a color hex could be obtained by blending #ff42ff with #db0015. Closest websafe color is: #ff3399.

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

● #ed218a color description : Vivid pink.

The hexadecimal color #ed218a has RGB values of R:237, G:33, B:138 and CMYK values of C:0, M:0.86, Y:0.42, K:0.07. Its decimal value is 15540618.

Hex triplet	ed218a	`#ed218a`
RGB Decimal	237, 33, 138	`rgb(237,33,138)`
RGB Percent	92.9, 12.9, 54.1	`rgb(92.9%,12.9%,54.1%)`
CMYK	0, 86, 42, 7
HSL	329.1°, 85, 52.9	`hsl(329.1,85%,52.9%)`
HSV (or HSB)	329.1°, 86.1, 92.9
Web Safe	ff3399	`#ff3399`

CIE-LAB	52.874, 78.001, -5.29
XYZ	40.057, 20.932, 25.974
xyY	0.461, 0.241, 20.932
CIE-LCH	52.874, 78.18, 356.12
CIE-LUV	52.874, 118.985, -22.144
Hunter-Lab	45.751, 76.222, -1.635
Binary	11101101, 00100001, 10001010

#ed218a
```
#ed218a rgb(237,33,138)
```
#21ed84
```
#21ed84 rgb(33,237,132)
```

Complementary Color

#ea21ed
```
#ea21ed rgb(234,33,237)
```
#ed218a
```
#ed218a rgb(237,33,138)
```
#ed2124
```
#ed2124 rgb(237,33,36)
```

Analogous Color

#21edea
```
#21edea rgb(33,237,234)
```
#ed218a
```
#ed218a rgb(237,33,138)
```
#24ed21
```
#24ed21 rgb(36,237,33)
```

Split Complementary Color

#218aed
```
#218aed rgb(33,138,237)
```
#ed218a
```
#ed218a rgb(237,33,138)
```
#8aed21
```
#8aed21 rgb(138,237,33)
```

Triadic Color

#8421ed
```
#8421ed rgb(132,33,237)
```
#ed218a
```
#ed218a rgb(237,33,138)
```
#8aed21
```
#8aed21 rgb(138,237,33)
```
#21ed84
```
#21ed84 rgb(33,237,132)
```

Tetradic Color

#b30f63
```
#b30f63 rgb(179,15,99)
```
#cb1070
```
#cb1070 rgb(203,16,112)
```
#e2127d
```
#e2127d rgb(226,18,125)
```
#ed218a
```
#ed218a rgb(237,33,138)
```
#ef3996
```
#ef3996 rgb(239,57,150)
```
#f150a3
```
#f150a3 rgb(241,80,163)
```
#f368af
```
#f368af rgb(243,104,175)
```

Monochromatic Color

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

#ed21bd
```
#ed21bd rgb(237,33,189)
```
#ed21ac
```
#ed21ac rgb(237,33,172)
```
#ed219b
```
#ed219b rgb(237,33,155)
```
#ed218a
```
#ed218a rgb(237,33,138)
```
#ed2179
```
#ed2179 rgb(237,33,121)
```
#ed2168
```
#ed2168 rgb(237,33,104)
```
#ed2157
```
#ed2157 rgb(237,33,87)
```

Similar Colors

Text with hexadecimal color #ed218a

This text has a font color of #ed218a.

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

#ed218a background color

This paragraph has a background color of #ed218a.

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

#ed218a border color

This element has a border color of #ed218a.

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

CSS codes

.text {color:#ed218a;}

.background {background-color:#ed218a;}

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

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

#0e0108
```
#0e0108 rgb(14,1,8)
```
#200312
```
#200312 rgb(32,3,18)
```
#32041c
```
#32041c rgb(50,4,28)
```
#440626
```
#440626 rgb(68,6,38)
```
#560730
```
#560730 rgb(86,7,48)
```
#69083a
```
#69083a rgb(105,8,58)
```
#7b0a44
```
#7b0a44 rgb(123,10,68)
```
#8d0b4e
```
#8d0b4e rgb(141,11,78)
```
#9f0d58
```
#9f0d58 rgb(159,13,88)
```
#b10e62
```
#b10e62 rgb(177,14,98)
```
#c3106c
```
#c3106c rgb(195,16,108)
```
#d51176
```
#d51176 rgb(213,17,118)
```
#e81380
```
#e81380 rgb(232,19,128)
```

Shade Color Variation

#ed218a
```
#ed218a rgb(237,33,138)
```
#ee3394
```
#ee3394 rgb(238,51,148)
```
#f0459d
```
#f0459d rgb(240,69,157)
```
#f157a7
```
#f157a7 rgb(241,87,167)
```
#f36ab0
```
#f36ab0 rgb(243,106,176)
```
#f47cba
```
#f47cba rgb(244,124,186)
```
#f68ec3
```
#f68ec3 rgb(246,142,195)
```
#f7a0cd
```
#f7a0cd rgb(247,160,205)
```
#f9b2d7
```
#f9b2d7 rgb(249,178,215)
```
#fac4e0
```
#fac4e0 rgb(250,196,224)
```
#fcd6ea
```
#fcd6ea rgb(252,214,234)
```
#fde9f3
```
#fde9f3 rgb(253,233,243)
```
#fffbfd
```
#fffbfd rgb(255,251,253)
```

Tint Color Variation

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

#878787
```
#878787 rgb(135,135,135)
```
#917d87
```
#917d87 rgb(145,125,135)
```
#9a7488
```
#9a7488 rgb(154,116,136)
```
#a36b88
```
#a36b88 rgb(163,107,136)
```
#ac6288
```
#ac6288 rgb(172,98,136)
```
#b65888
```
#b65888 rgb(182,88,136)
```
#bf4f89
```
#bf4f89 rgb(191,79,137)
```
#c84689
```
#c84689 rgb(200,70,137)
```
#d13d89
```
#d13d89 rgb(209,61,137)
```
#db3389
```
#db3389 rgb(219,51,137)
```
#e42a8a
```
#e42a8a rgb(228,42,138)
```
#ed218a
```
#ed218a rgb(237,33,138)
```
#f6188a
```
#f6188a rgb(246,24,138)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#845b70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7083bb Protanopia 1% of men
#928082 Deuteranopia 1% of men
#e94649 Tritanopia 0.001% of the population

Trichromacy

#9e5fa9 Protanomaly 1% of men, 0.01% of women
#b35d84 Deuteranomaly 6% of men, 0.4% of women
#ea3961 Tritanomaly 0.01% of the population

#ed218a hex color

#ed218a Color Information

#ed218a Color Conversion

Color Schemes with #ed218a

Alternatives to #ed218a

#ed218a Preview

Shades and Tints of #ed218a

Tones of #ed218a

Color Blindness Simulator