#ed22bb hex color

In a RGB color space, hex #ed22bb is composed of 92.9% red, 13.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.7% magenta, 21.1% yellow and 7.1% black. It has a hue angle of 314.8 degrees, a saturation of 84.9% and a lightness of 53.1%. #ed22bb color hex could be obtained by blending #ff44ff 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

● #ed22bb color description : Vivid magenta.

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

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

CIE-LAB	54.804, 82.964, -31.25
XYZ	44.467, 22.74, 49.059
xyY	0.382, 0.196, 22.74
CIE-LCH	54.804, 88.654, 339.36
CIE-LUV	54.804, 96.913, -59.968
Hunter-Lab	47.687, 82.995, -27.615
Binary	11101101, 00100010, 10111011

#ed22bb
```
#ed22bb rgb(237,34,187)
```
#22ed54
```
#22ed54 rgb(34,237,84)
```

Complementary Color

#ba22ed
```
#ba22ed rgb(186,34,237)
```
#ed22bb
```
#ed22bb rgb(237,34,187)
```
#ed2256
```
#ed2256 rgb(237,34,86)
```

Analogous Color

#22edba
```
#22edba rgb(34,237,186)
```
#ed22bb
```
#ed22bb rgb(237,34,187)
```
#56ed22
```
#56ed22 rgb(86,237,34)
```

Split Complementary Color

#22bbed
```
#22bbed rgb(34,187,237)
```
#ed22bb
```
#ed22bb rgb(237,34,187)
```
#bbed22
```
#bbed22 rgb(187,237,34)
```

Triadic Color

#5422ed
```
#5422ed rgb(84,34,237)
```
#ed22bb
```
#ed22bb rgb(237,34,187)
```
#bbed22
```
#bbed22 rgb(187,237,34)
```
#22ed54
```
#22ed54 rgb(34,237,84)
```

Tetradic Color

#b40f8b
```
#b40f8b rgb(180,15,139)
```
#cb119d
```
#cb119d rgb(203,17,157)
```
#e312b0
```
#e312b0 rgb(227,18,176)
```
#ed22bb
```
#ed22bb rgb(237,34,187)
```
#ef3ac2
```
#ef3ac2 rgb(239,58,194)
```
#f151ca
```
#f151ca rgb(241,81,202)
```
#f369d1
```
#f369d1 rgb(243,105,209)
```

Monochromatic Color

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

#ec22ed
```
#ec22ed rgb(236,34,237)
```
#ed22dd
```
#ed22dd rgb(237,34,221)
```
#ed22cc
```
#ed22cc rgb(237,34,204)
```
#ed22bb
```
#ed22bb rgb(237,34,187)
```
#ed22aa
```
#ed22aa rgb(237,34,170)
```
#ed2299
```
#ed2299 rgb(237,34,153)
```
#ed2288
```
#ed2288 rgb(237,34,136)
```

Similar Colors

Text with hexadecimal color #ed22bb

This text has a font color of #ed22bb.

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

#ed22bb background color

This paragraph has a background color of #ed22bb.

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

#ed22bb border color

This element has a border color of #ed22bb.

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

CSS codes

.text {color:#ed22bb;}

.background {background-color:#ed22bb;}

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

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

#0f010b
```
#0f010b rgb(15,1,11)
```
#210319
```
#210319 rgb(33,3,25)
```
#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)
```
#b20f8a
```
#b20f8a rgb(178,15,138)
```
#c41098
```
#c41098 rgb(196,16,152)
```
#d611a6
```
#d611a6 rgb(214,17,166)
```
#e813b4
```
#e813b4 rgb(232,19,180)
```

Shade Color Variation

#ed22bb
```
#ed22bb rgb(237,34,187)
```
#ee34c1
```
#ee34c1 rgb(238,52,193)
```
#f046c6
```
#f046c6 rgb(240,70,198)
```
#f158cc
```
#f158cc rgb(241,88,204)
```
#f36bd1
```
#f36bd1 rgb(243,107,209)
```
#f47dd7
```
#f47dd7 rgb(244,125,215)
```
#f68fdc
```
#f68fdc rgb(246,143,220)
```
#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 #f619c0 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)
```
#ad629a
```
#ad629a rgb(173,98,154)
```
#b6599f
```
#b6599f rgb(182,89,159)
```
#bf50a4
```
#bf50a4 rgb(191,80,164)
```
#c847a8
```
#c847a8 rgb(200,71,168)
```
#d13ead
```
#d13ead rgb(209,62,173)
```
#db34b2
```
#db34b2 rgb(219,52,178)
```
#e42bb6
```
#e42bb6 rgb(228,43,182)
```
#ed22bb
```
#ed22bb rgb(237,34,187)
```
#f619c0
```
#f619c0 rgb(246,25,192)
```

Tone Color Variation

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

#4485f5 Protanopia 1% of men
#8287ad Deuteranopia 1% of men
#e5585d Tritanopia 0.001% of the population

Trichromacy

#8161e0 Protanomaly 1% of men, 0.01% of women
#a962b2 Deuteranomaly 6% of men, 0.4% of women
#e8447f Tritanomaly 0.01% of the population

#ed22bb hex color

#ed22bb Color Information

#ed22bb Color Conversion

Color Schemes with #ed22bb

Alternatives to #ed22bb

#ed22bb Preview

Shades and Tints of #ed22bb

Tones of #ed22bb

Color Blindness Simulator