#ed20bb hex color

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

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

● #ed20bb color description : Vivid magenta.

The hexadecimal color #ed20bb has RGB values of R:237, G:32, B:187 and CMYK values of C:0, M:0.86, Y:0.21, K:0.07. Its decimal value is 15540411.

Hex triplet	ed20bb	`#ed20bb`
RGB Decimal	237, 32, 187	`rgb(237,32,187)`
RGB Percent	92.9, 12.5, 73.3	`rgb(92.9%,12.5%,73.3%)`
CMYK	0, 86, 21, 7
HSL	314.6°, 85.1, 52.7	`hsl(314.6,85.1%,52.7%)`
HSV (or HSB)	314.6°, 86.5, 92.9
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	54.689, 83.3, -31.43
XYZ	44.411, 22.629, 49.04
xyY	0.383, 0.195, 22.629
CIE-LCH	54.689, 89.032, 339.328
CIE-LUV	54.689, 97.206, -60.266
Hunter-Lab	47.57, 83.399, -27.823
Binary	11101101, 00100000, 10111011

#ed20bb
```
#ed20bb rgb(237,32,187)
```
#20ed52
```
#20ed52 rgb(32,237,82)
```

Complementary Color

#b920ed
```
#b920ed rgb(185,32,237)
```
#ed20bb
```
#ed20bb rgb(237,32,187)
```
#ed2055
```
#ed2055 rgb(237,32,85)
```

Analogous Color

#20edb9
```
#20edb9 rgb(32,237,185)
```
#ed20bb
```
#ed20bb rgb(237,32,187)
```
#55ed20
```
#55ed20 rgb(85,237,32)
```

Split Complementary Color

#20bbed
```
#20bbed rgb(32,187,237)
```
#ed20bb
```
#ed20bb rgb(237,32,187)
```
#bbed20
```
#bbed20 rgb(187,237,32)
```

Triadic Color

#5220ed
```
#5220ed rgb(82,32,237)
```
#ed20bb
```
#ed20bb rgb(237,32,187)
```
#bbed20
```
#bbed20 rgb(187,237,32)
```
#20ed52
```
#20ed52 rgb(32,237,82)
```

Tetradic Color

#b20e8a
```
#b20e8a rgb(178,14,138)
```
#ca109c
```
#ca109c rgb(202,16,156)
```
#e112af
```
#e112af rgb(225,18,175)
```
#ed20bb
```
#ed20bb rgb(237,32,187)
```
#ef38c2
```
#ef38c2 rgb(239,56,194)
```
#f14fc9
```
#f14fc9 rgb(241,79,201)
```
#f367d1
```
#f367d1 rgb(243,103,209)
```

Monochromatic Color

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

#ec20ed
```
#ec20ed rgb(236,32,237)
```
#ed20dd
```
#ed20dd rgb(237,32,221)
```
#ed20cc
```
#ed20cc rgb(237,32,204)
```
#ed20bb
```
#ed20bb rgb(237,32,187)
```
#ed20aa
```
#ed20aa rgb(237,32,170)
```
#ed2099
```
#ed2099 rgb(237,32,153)
```
#ed2088
```
#ed2088 rgb(237,32,136)
```

Similar Colors

Text with hexadecimal color #ed20bb

This text has a font color of #ed20bb.

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

#ed20bb background color

This paragraph has a background color of #ed20bb.

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

#ed20bb border color

This element has a border color of #ed20bb.

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

CSS codes

.text {color:#ed20bb;}

.background {background-color:#ed20bb;}

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

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)
```
#310426
```
#310426 rgb(49,4,38)
```
#430534
```
#430534 rgb(67,5,52)
```
#560742
```
#560742 rgb(86,7,66)
```
#680850
```
#680850 rgb(104,8,80)
```
#7a0a5f
```
#7a0a5f rgb(122,10,95)
```
#8c0b6d
```
#8c0b6d rgb(140,11,109)
```
#9e0d7b
```
#9e0d7b rgb(158,13,123)
```
#b00e89
```
#b00e89 rgb(176,14,137)
```
#c21097
```
#c21097 rgb(194,16,151)
```
#d511a5
```
#d511a5 rgb(213,17,165)
```
#e713b3
```
#e713b3 rgb(231,19,179)
```

Shade Color Variation

#ed20bb
```
#ed20bb rgb(237,32,187)
```
#ee32c1
```
#ee32c1 rgb(238,50,193)
```
#f044c6
```
#f044c6 rgb(240,68,198)
```
#f156cc
```
#f156cc rgb(241,86,204)
```
#f369d1
```
#f369d1 rgb(243,105,209)
```
#f47bd7
```
#f47bd7 rgb(244,123,215)
```
#f68ddc
```
#f68ddc rgb(246,141,220)
```
#f79fe2
```
#f79fe2 rgb(247,159,226)
```
#f9b1e7
```
#f9b1e7 rgb(249,177,231)
```
#fac3ed
```
#fac3ed rgb(250,195,237)
```
#fcd6f2
```
#fcd6f2 rgb(252,214,242)
```
#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 #f617c0 is the most saturated one.

#878687
```
#878687 rgb(135,134,135)
```
#907d8c
```
#907d8c rgb(144,125,140)
```
#9a7390
```
#9a7390 rgb(154,115,144)
```
#a36a95
```
#a36a95 rgb(163,106,149)
```
#ac619a
```
#ac619a rgb(172,97,154)
```
#b5589f
```
#b5589f rgb(181,88,159)
```
#bf4ea3
```
#bf4ea3 rgb(191,78,163)
```
#c845a8
```
#c845a8 rgb(200,69,168)
```
#d13cad
```
#d13cad rgb(209,60,173)
```
#da33b2
```
#da33b2 rgb(218,51,178)
```
#e429b6
```
#e429b6 rgb(228,41,182)
```
#ed20bb
```
#ed20bb rgb(237,32,187)
```
#f617c0
```
#f617c0 rgb(246,23,192)
```

Tone Color Variation

Below, you can see how #ed20bb 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
#885f7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4285f6 Protanopia 1% of men
#8187ad Deuteranopia 1% of men
#e5575c Tritanopia 0.001% of the population

Trichromacy

#8060e0 Protanomaly 1% of men, 0.01% of women
#a861b2 Deuteranomaly 6% of men, 0.4% of women
#e8437e Tritanomaly 0.01% of the population

#ed20bb hex color

#ed20bb Color Information

#ed20bb Color Conversion

Color Schemes with #ed20bb

Alternatives to #ed20bb

#ed20bb Preview

Shades and Tints of #ed20bb

Tones of #ed20bb

Color Blindness Simulator