#ed218f hex color

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

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

● #ed218f color description : Vivid pink.

The hexadecimal color #ed218f has RGB values of R:237, G:33, B:143 and CMYK values of C:0, M:0.86, Y:0.4, K:0.07. Its decimal value is 15540623.

Hex triplet	ed218f	`#ed218f`
RGB Decimal	237, 33, 143	`rgb(237,33,143)`
RGB Percent	92.9, 12.9, 56.1	`rgb(92.9%,12.9%,56.1%)`
CMYK	0, 86, 40, 7
HSL	327.6°, 85, 52.9	`hsl(327.6,85%,52.9%)`
HSV (or HSB)	327.6°, 86.1, 92.9
Web Safe	ff3399	`#ff3399`

CIE-LAB	53.037, 78.454, -8.041
XYZ	40.428, 21.08, 27.925
xyY	0.452, 0.236, 21.08
CIE-LCH	53.037, 78.865, 354.148
CIE-LUV	53.037, 116.765, -25.89
Hunter-Lab	45.913, 76.829, -3.923
Binary	11101101, 00100001, 10001111

#ed218f
```
#ed218f rgb(237,33,143)
```
#21ed7f
```
#21ed7f rgb(33,237,127)
```

Complementary Color

#e521ed
```
#e521ed rgb(229,33,237)
```
#ed218f
```
#ed218f rgb(237,33,143)
```
#ed2129
```
#ed2129 rgb(237,33,41)
```

Analogous Color

#21ede5
```
#21ede5 rgb(33,237,229)
```
#ed218f
```
#ed218f rgb(237,33,143)
```
#29ed21
```
#29ed21 rgb(41,237,33)
```

Split Complementary Color

#218fed
```
#218fed rgb(33,143,237)
```
#ed218f
```
#ed218f rgb(237,33,143)
```
#8fed21
```
#8fed21 rgb(143,237,33)
```

Triadic Color

#7f21ed
```
#7f21ed rgb(127,33,237)
```
#ed218f
```
#ed218f rgb(237,33,143)
```
#8fed21
```
#8fed21 rgb(143,237,33)
```
#21ed7f
```
#21ed7f rgb(33,237,127)
```

Tetradic Color

#b30f67
```
#b30f67 rgb(179,15,103)
```
#cb1075
```
#cb1075 rgb(203,16,117)
```
#e21282
```
#e21282 rgb(226,18,130)
```
#ed218f
```
#ed218f rgb(237,33,143)
```
#ef399b
```
#ef399b rgb(239,57,155)
```
#f150a7
```
#f150a7 rgb(241,80,167)
```
#f368b3
```
#f368b3 rgb(243,104,179)
```

Monochromatic Color

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

#ed21c2
```
#ed21c2 rgb(237,33,194)
```
#ed21b1
```
#ed21b1 rgb(237,33,177)
```
#ed21a0
```
#ed21a0 rgb(237,33,160)
```
#ed218f
```
#ed218f rgb(237,33,143)
```
#ed217e
```
#ed217e rgb(237,33,126)
```
#ed216d
```
#ed216d rgb(237,33,109)
```
#ed215c
```
#ed215c rgb(237,33,92)
```

Similar Colors

Text with hexadecimal color #ed218f

This text has a font color of #ed218f.

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

#ed218f background color

This paragraph has a background color of #ed218f.

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

#ed218f border color

This element has a border color of #ed218f.

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

CSS codes

.text {color:#ed218f;}

.background {background-color:#ed218f;}

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

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)
```
#32041d
```
#32041d rgb(50,4,29)
```
#440627
```
#440627 rgb(68,6,39)
```
#560732
```
#560732 rgb(86,7,50)
```
#69083c
```
#69083c rgb(105,8,60)
```
#7b0a47
```
#7b0a47 rgb(123,10,71)
```
#8d0b51
```
#8d0b51 rgb(141,11,81)
```
#9f0d5c
```
#9f0d5c rgb(159,13,92)
```
#b10e66
```
#b10e66 rgb(177,14,102)
```
#c31071
```
#c31071 rgb(195,16,113)
```
#d5117b
```
#d5117b rgb(213,17,123)
```
#e81386
```
#e81386 rgb(232,19,134)
```

Shade Color Variation

#ed218f
```
#ed218f rgb(237,33,143)
```
#ee3398
```
#ee3398 rgb(238,51,152)
```
#f045a1
```
#f045a1 rgb(240,69,161)
```
#f157aa
```
#f157aa rgb(241,87,170)
```
#f36ab4
```
#f36ab4 rgb(243,106,180)
```
#f47cbd
```
#f47cbd rgb(244,124,189)
```
#f68ec6
```
#f68ec6 rgb(246,142,198)
```
#f7a0cf
```
#f7a0cf rgb(247,160,207)
```
#f9b2d8
```
#f9b2d8 rgb(249,178,216)
```
#fac4e1
```
#fac4e1 rgb(250,196,225)
```
#fcd6eb
```
#fcd6eb rgb(252,214,235)
```
#fde9f4
```
#fde9f4 rgb(253,233,244)
```
#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 #f61890 is the most saturated one.

#878787
```
#878787 rgb(135,135,135)
```
#917d88
```
#917d88 rgb(145,125,136)
```
#9a7488
```
#9a7488 rgb(154,116,136)
```
#a36b89
```
#a36b89 rgb(163,107,137)
```
#ac628a
```
#ac628a rgb(172,98,138)
```
#b6588b
```
#b6588b rgb(182,88,139)
```
#bf4f8b
```
#bf4f8b rgb(191,79,139)
```
#c8468c
```
#c8468c rgb(200,70,140)
```
#d13d8d
```
#d13d8d rgb(209,61,141)
```
#db338e
```
#db338e rgb(219,51,142)
```
#e42a8e
```
#e42a8e rgb(228,42,142)
```
#ed218f
```
#ed218f rgb(237,33,143)
```
#f61890
```
#f61890 rgb(246,24,144)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#855c72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e83c1 Protanopia 1% of men
#908186 Deuteranopia 1% of men
#e9484b Tritanopia 0.001% of the population

Trichromacy

#9c5faf Protanomaly 1% of men, 0.01% of women
#b25e89 Deuteranomaly 6% of men, 0.4% of women
#ea3a64 Tritanomaly 0.01% of the population

#ed218f hex color

#ed218f Color Information

#ed218f Color Conversion

Color Schemes with #ed218f

Alternatives to #ed218f

#ed218f Preview

Shades and Tints of #ed218f

Tones of #ed218f

Color Blindness Simulator