#ed22bc hex color

In a RGB color space, hex #ed22bc is composed of 92.9% red, 13.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.7% magenta, 20.7% yellow and 7.1% black. It has a hue angle of 314.5 degrees, a saturation of 84.9% and a lightness of 53.1%. #ed22bc color hex could be obtained by blending #ff44ff with #db0079. Closest websafe color is: #ff33cc.

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

● #ed22bc color description : Vivid magenta.

The hexadecimal color #ed22bc has RGB values of R:237, G:34, B:188 and CMYK values of C:0, M:0.86, Y:0.21, K:0.07. Its decimal value is 15540924.

Hex triplet	ed22bc	`#ed22bc`
RGB Decimal	237, 34, 188	`rgb(237,34,188)`
RGB Percent	92.9, 13.3, 73.7	`rgb(92.9%,13.3%,73.7%)`
CMYK	0, 86, 21, 7
HSL	314.5°, 84.9, 53.1	`hsl(314.5,84.9%,53.1%)`
HSV (or HSB)	314.5°, 85.7, 92.9
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	54.848, 83.084, -31.76
XYZ	44.574, 22.783, 49.624
xyY	0.381, 0.195, 22.783
CIE-LCH	54.848, 88.947, 339.08
CIE-LUV	54.848, 96.475, -60.755
Hunter-Lab	47.732, 83.161, -28.228
Binary	11101101, 00100010, 10111100

#ed22bc
```
#ed22bc rgb(237,34,188)
```
#22ed53
```
#22ed53 rgb(34,237,83)
```

Complementary Color

#b922ed
```
#b922ed rgb(185,34,237)
```
#ed22bc
```
#ed22bc rgb(237,34,188)
```
#ed2257
```
#ed2257 rgb(237,34,87)
```

Analogous Color

#22edb9
```
#22edb9 rgb(34,237,185)
```
#ed22bc
```
#ed22bc rgb(237,34,188)
```
#57ed22
```
#57ed22 rgb(87,237,34)
```

Split Complementary Color

#22bced
```
#22bced rgb(34,188,237)
```
#ed22bc
```
#ed22bc rgb(237,34,188)
```
#bced22
```
#bced22 rgb(188,237,34)
```

Triadic Color

#5322ed
```
#5322ed rgb(83,34,237)
```
#ed22bc
```
#ed22bc rgb(237,34,188)
```
#bced22
```
#bced22 rgb(188,237,34)
```
#22ed53
```
#22ed53 rgb(34,237,83)
```

Tetradic Color

#b40f8c
```
#b40f8c rgb(180,15,140)
```
#cb119e
```
#cb119e rgb(203,17,158)
```
#e312b1
```
#e312b1 rgb(227,18,177)
```
#ed22bc
```
#ed22bc rgb(237,34,188)
```
#ef3ac3
```
#ef3ac3 rgb(239,58,195)
```
#f151ca
```
#f151ca rgb(241,81,202)
```
#f369d1
```
#f369d1 rgb(243,105,209)
```

Monochromatic Color

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

#eb22ed
```
#eb22ed rgb(235,34,237)
```
#ed22de
```
#ed22de rgb(237,34,222)
```
#ed22cd
```
#ed22cd rgb(237,34,205)
```
#ed22bc
```
#ed22bc rgb(237,34,188)
```
#ed22ab
```
#ed22ab rgb(237,34,171)
```
#ed229a
```
#ed229a rgb(237,34,154)
```
#ed2289
```
#ed2289 rgb(237,34,137)
```

Similar Colors

Text with hexadecimal color #ed22bc

This text has a font color of #ed22bc.

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

#ed22bc background color

This paragraph has a background color of #ed22bc.

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

#ed22bc border color

This element has a border color of #ed22bc.

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

CSS codes

.text {color:#ed22bc;}

.background {background-color:#ed22bc;}

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

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

#0f010c
```
#0f010c rgb(15,1,12)
```
#21031a
```
#21031a rgb(33,3,26)
```
#330428
```
#330428 rgb(51,4,40)
```
#450636
```
#450636 rgb(69,6,54)
```
#570744
```
#570744 rgb(87,7,68)
```
#690952
```
#690952 rgb(105,9,82)
```
#7c0a60
```
#7c0a60 rgb(124,10,96)
```
#8e0c6e
```
#8e0c6e rgb(142,12,110)
```
#a00d7c
```
#a00d7c rgb(160,13,124)
```
#b20f8b
```
#b20f8b rgb(178,15,139)
```
#c41099
```
#c41099 rgb(196,16,153)
```
#d611a7
```
#d611a7 rgb(214,17,167)
```
#e813b5
```
#e813b5 rgb(232,19,181)
```

Shade Color Variation

#ed22bc
```
#ed22bc rgb(237,34,188)
```
#ee34c1
```
#ee34c1 rgb(238,52,193)
```
#f046c7
```
#f046c7 rgb(240,70,199)
```
#f158cc
```
#f158cc rgb(241,88,204)
```
#f36bd2
```
#f36bd2 rgb(243,107,210)
```
#f47dd7
```
#f47dd7 rgb(244,125,215)
```
#f68fdd
```
#f68fdd rgb(246,143,221)
```
#f7a1e2
```
#f7a1e2 rgb(247,161,226)
```
#f9b3e8
```
#f9b3e8 rgb(249,179,232)
```
#fac5ed
```
#fac5ed rgb(250,197,237)
```
#fcd7f3
```
#fcd7f3 rgb(252,215,243)
```
#fdeaf8
```
#fdeaf8 rgb(253,234,248)
```
#fffcfe
```
#fffcfe rgb(255,252,254)
```

Tint Color Variation

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

#888788
```
#888788 rgb(136,135,136)
```
#917e8c
```
#917e8c rgb(145,126,140)
```
#9a7591
```
#9a7591 rgb(154,117,145)
```
#a36c96
```
#a36c96 rgb(163,108,150)
```
#ad629b
```
#ad629b rgb(173,98,155)
```
#b6599f
```
#b6599f rgb(182,89,159)
```
#bf50a4
```
#bf50a4 rgb(191,80,164)
```
#c847a9
```
#c847a9 rgb(200,71,169)
```
#d13eae
```
#d13eae rgb(209,62,174)
```
#db34b2
```
#db34b2 rgb(219,52,178)
```
#e42bb7
```
#e42bb7 rgb(228,43,183)
```
#ed22bc
```
#ed22bc rgb(237,34,188)
```
#f619c1
```
#f619c1 rgb(246,25,193)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#89607f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4285f6 Protanopia 1% of men
#8187ae Deuteranopia 1% of men
#e5585d Tritanopia 0.001% of the population

Trichromacy

#8061e1 Protanomaly 1% of men, 0.01% of women
#a862b3 Deuteranomaly 6% of men, 0.4% of women
#e8447f Tritanomaly 0.01% of the population

#ed22bc hex color

#ed22bc Color Information

#ed22bc Color Conversion

Color Schemes with #ed22bc

Alternatives to #ed22bc

#ed22bc Preview

Shades and Tints of #ed22bc

Tones of #ed22bc

Color Blindness Simulator