#ed20bd hex color

In a RGB color space, hex #ed20bd is composed of 92.9% red, 12.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.5% magenta, 20.3% yellow and 7.1% black. It has a hue angle of 314 degrees, a saturation of 85.1% and a lightness of 52.7%. #ed20bd color hex could be obtained by blending #ff40ff with #db007b. Closest websafe color is: #ff33cc.

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

● #ed20bd color description : Vivid magenta.

The hexadecimal color #ed20bd has RGB values of R:237, G:32, B:189 and CMYK values of C:0, M:0.86, Y:0.2, K:0.07. Its decimal value is 15540413.

Hex triplet	ed20bd	`#ed20bd`
RGB Decimal	237, 32, 189	`rgb(237,32,189)`
RGB Percent	92.9, 12.5, 74.1	`rgb(92.9%,12.5%,74.1%)`
CMYK	0, 86, 20, 7
HSL	314°, 85.1, 52.7	`hsl(314,85.1%,52.7%)`
HSV (or HSB)	314°, 86.5, 92.9
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	54.778, 83.54, -32.449
XYZ	44.627, 22.716, 50.176
xyY	0.38, 0.193, 22.716
CIE-LCH	54.778, 89.621, 338.772
CIE-LUV	54.778, 96.326, -61.839
Hunter-Lab	47.661, 83.731, -29.056
Binary	11101101, 00100000, 10111101

#ed20bd
```
#ed20bd rgb(237,32,189)
```
#20ed50
```
#20ed50 rgb(32,237,80)
```

Complementary Color

#b720ed
```
#b720ed rgb(183,32,237)
```
#ed20bd
```
#ed20bd rgb(237,32,189)
```
#ed2057
```
#ed2057 rgb(237,32,87)
```

Analogous Color

#20edb7
```
#20edb7 rgb(32,237,183)
```
#ed20bd
```
#ed20bd rgb(237,32,189)
```
#57ed20
```
#57ed20 rgb(87,237,32)
```

Split Complementary Color

#20bded
```
#20bded rgb(32,189,237)
```
#ed20bd
```
#ed20bd rgb(237,32,189)
```
#bded20
```
#bded20 rgb(189,237,32)
```

Triadic Color

#5020ed
```
#5020ed rgb(80,32,237)
```
#ed20bd
```
#ed20bd rgb(237,32,189)
```
#bded20
```
#bded20 rgb(189,237,32)
```
#20ed50
```
#20ed50 rgb(32,237,80)
```

Tetradic Color

#b20e8c
```
#b20e8c rgb(178,14,140)
```
#ca109e
```
#ca109e rgb(202,16,158)
```
#e112b1
```
#e112b1 rgb(225,18,177)
```
#ed20bd
```
#ed20bd rgb(237,32,189)
```
#ef38c4
```
#ef38c4 rgb(239,56,196)
```
#f14fcb
```
#f14fcb rgb(241,79,203)
```
#f367d2
```
#f367d2 rgb(243,103,210)
```

Monochromatic Color

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

#ea20ed
```
#ea20ed rgb(234,32,237)
```
#ed20df
```
#ed20df rgb(237,32,223)
```
#ed20ce
```
#ed20ce rgb(237,32,206)
```
#ed20bd
```
#ed20bd rgb(237,32,189)
```
#ed20ac
```
#ed20ac rgb(237,32,172)
```
#ed209b
```
#ed209b rgb(237,32,155)
```
#ed208a
```
#ed208a rgb(237,32,138)
```

Similar Colors

Text with hexadecimal color #ed20bd

This text has a font color of #ed20bd.

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

#ed20bd background color

This paragraph has a background color of #ed20bd.

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

#ed20bd border color

This element has a border color of #ed20bd.

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

CSS codes

.text {color:#ed20bd;}

.background {background-color:#ed20bd;}

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

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

#0d010a
```
#0d010a rgb(13,1,10)
```
#1f0318
```
#1f0318 rgb(31,3,24)
```
#310427
```
#310427 rgb(49,4,39)
```
#430535
```
#430535 rgb(67,5,53)
```
#560743
```
#560743 rgb(86,7,67)
```
#680851
```
#680851 rgb(104,8,81)
```
#7a0a60
```
#7a0a60 rgb(122,10,96)
```
#8c0b6e
```
#8c0b6e rgb(140,11,110)
```
#9e0d7c
```
#9e0d7c rgb(158,13,124)
```
#b00e8a
```
#b00e8a rgb(176,14,138)
```
#c21099
```
#c21099 rgb(194,16,153)
```
#d511a7
```
#d511a7 rgb(213,17,167)
```
#e713b5
```
#e713b5 rgb(231,19,181)
```

Shade Color Variation

#ed20bd
```
#ed20bd rgb(237,32,189)
```
#ee32c2
```
#ee32c2 rgb(238,50,194)
```
#f044c8
```
#f044c8 rgb(240,68,200)
```
#f156cd
```
#f156cd rgb(241,86,205)
```
#f369d2
```
#f369d2 rgb(243,105,210)
```
#f47bd8
```
#f47bd8 rgb(244,123,216)
```
#f68ddd
```
#f68ddd rgb(246,141,221)
```
#f79fe3
```
#f79fe3 rgb(247,159,227)
```
#f9b1e8
```
#f9b1e8 rgb(249,177,232)
```
#fac3ed
```
#fac3ed rgb(250,195,237)
```
#fcd6f3
```
#fcd6f3 rgb(252,214,243)
```
#fde8f8
```
#fde8f8 rgb(253,232,248)
```
#fffafd
```
#fffafd rgb(255,250,253)
```

Tint Color Variation

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

#878687
```
#878687 rgb(135,134,135)
```
#907d8c
```
#907d8c rgb(144,125,140)
```
#9a7391
```
#9a7391 rgb(154,115,145)
```
#a36a96
```
#a36a96 rgb(163,106,150)
```
#ac619b
```
#ac619b rgb(172,97,155)
```
#b5589f
```
#b5589f rgb(181,88,159)
```
#bf4ea4
```
#bf4ea4 rgb(191,78,164)
```
#c845a9
```
#c845a9 rgb(200,69,169)
```
#d13cae
```
#d13cae rgb(209,60,174)
```
#da33b3
```
#da33b3 rgb(218,51,179)
```
#e429b8
```
#e429b8 rgb(228,41,184)
```
#ed20bd
```
#ed20bd rgb(237,32,189)
```
#f617c2
```
#f617c2 rgb(246,23,194)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#885f7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e85f8 Protanopia 1% of men
#8087af Deuteranopia 1% of men
#e5585d Tritanopia 0.001% of the population

Trichromacy

#7e60e3 Protanomaly 1% of men, 0.01% of women
#a861b4 Deuteranomaly 6% of men, 0.4% of women
#e74380 Tritanomaly 0.01% of the population

#ed20bd hex color

#ed20bd Color Information

#ed20bd Color Conversion

Color Schemes with #ed20bd

Alternatives to #ed20bd

#ed20bd Preview

Shades and Tints of #ed20bd

Tones of #ed20bd

Color Blindness Simulator