colorhexa.com

#b22ed8 hex color

In a RGB color space, hex #b22ed8 is composed of 69.8% red, 18% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 78.7% magenta, 0% yellow and 15.3% black. It has a hue angle of 286.6 degrees, a saturation of 68.5% and a lightness of 51.4%. #b22ed8 color hex could be obtained by blending #ff5cff with #6500b1. Closest websafe color is: #9933cc.

- R 70
- G 18
- B 85
RGB color chart
- C 18
- M 79
- Y 0
- K 15
CMYK color chart

● #b22ed8 color description : Strong magenta.

The hexadecimal color #b22ed8 has RGB values of R:178, G:46, B:216 and CMYK values of C:0.18, M:0.79, Y:0, K:0.15. Its decimal value is 11677400.

Hex triplet	b22ed8	`#b22ed8`
RGB Decimal	178, 46, 216	`rgb(178,46,216)`
RGB Percent	69.8, 18, 84.7	`rgb(69.8%,18%,84.7%)`
CMYK	18, 79, 0, 15
HSL	286.6°, 68.5, 51.4	`hsl(286.6,68.5%,51.4%)`
HSV (or HSB)	286.6°, 78.7, 84.7
Web Safe	9933cc	`#9933cc`

CIE-LAB	47.467, 73.292, -60.221
XYZ	31.73, 16.378, 66.452
xyY	0.277, 0.143, 16.378
CIE-LCH	47.467, 94.859, 320.591
CIE-LUV	47.467, 42.193, -98.211
Hunter-Lab	40.47, 69.129, -69.025
Binary	10110010, 00101110, 11011000

#b22ed8
```
#b22ed8 rgb(178,46,216)
```
#54d82e
```
#54d82e rgb(84,216,46)
```

Complementary Color

#5d2ed8
```
#5d2ed8 rgb(93,46,216)
```
#b22ed8
```
#b22ed8 rgb(178,46,216)
```
#d82ea9
```
#d82ea9 rgb(216,46,169)
```

Analogous Color

#2ed85d
```
#2ed85d rgb(46,216,93)
```
#b22ed8
```
#b22ed8 rgb(178,46,216)
```
#a9d82e
```
#a9d82e rgb(169,216,46)
```

Split Complementary Color

#2ed8b2
```
#2ed8b2 rgb(46,216,178)
```
#b22ed8
```
#b22ed8 rgb(178,46,216)
```
#d8b22e
```
#d8b22e rgb(216,178,46)
```

Triadic Color

#2e54d8
```
#2e54d8 rgb(46,84,216)
```
#b22ed8
```
#b22ed8 rgb(178,46,216)
```
#d8b22e
```
#d8b22e rgb(216,178,46)
```
#54d82e
```
#54d82e rgb(84,216,46)
```

Tetradic Color

#801d9c
```
#801d9c rgb(128,29,156)
```
#9121b2
```
#9121b2 rgb(145,33,178)
```
#a325c7
```
#a325c7 rgb(163,37,199)
```
#b22ed8
```
#b22ed8 rgb(178,46,216)
```
#ba43dc
```
#ba43dc rgb(186,67,220)
```
#c259e0
```
#c259e0 rgb(194,89,224)
```
#ca6ee4
```
#ca6ee4 rgb(202,110,228)
```

Monochromatic Color

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

#882ed8
```
#882ed8 rgb(136,46,216)
```
#962ed8
```
#962ed8 rgb(150,46,216)
```
#a42ed8
```
#a42ed8 rgb(164,46,216)
```
#b22ed8
```
#b22ed8 rgb(178,46,216)
```
#c02ed8
```
#c02ed8 rgb(192,46,216)
```
#ce2ed8
```
#ce2ed8 rgb(206,46,216)
```
#d82ed4
```
#d82ed4 rgb(216,46,212)
```

Similar Colors

Text with hexadecimal color #b22ed8

This text has a font color of #b22ed8.

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

#b22ed8 background color

This paragraph has a background color of #b22ed8.

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

#b22ed8 border color

This element has a border color of #b22ed8.

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

CSS codes

.text {color:#b22ed8;}

.background {background-color:#b22ed8;}

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

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, #050106 is the darkest color, while #fbf4fd is the lightest one.

#050106
```
#050106 rgb(5,1,6)
```
#120416
```
#120416 rgb(18,4,22)
```
#200727
```
#200727 rgb(32,7,39)
```
#2d0a37
```
#2d0a37 rgb(45,10,55)
```
#3b0d48
```
#3b0d48 rgb(59,13,72)
```
#481159
```
#481159 rgb(72,17,89)
```
#561469
```
#561469 rgb(86,20,105)
```
#64177a
```
#64177a rgb(100,23,122)
```
#711a8a
```
#711a8a rgb(113,26,138)
```
#7f1d9b
```
#7f1d9b rgb(127,29,155)
```
#8c20ab
```
#8c20ab rgb(140,32,171)
```
#9a23bc
```
#9a23bc rgb(154,35,188)
```
#a726cc
```
#a726cc rgb(167,38,204)
```

Shade Color Variation

#b22ed8
```
#b22ed8 rgb(178,46,216)
```
#b83fdb
```
#b83fdb rgb(184,63,219)
```
#be4fde
```
#be4fde rgb(190,79,222)
```
#c460e1
```
#c460e1 rgb(196,96,225)
```
#ca70e4
```
#ca70e4 rgb(202,112,228)
```
#d081e7
```
#d081e7 rgb(208,129,231)
```
#d791eb
```
#d791eb rgb(215,145,235)
```
#dda2ee
```
#dda2ee rgb(221,162,238)
```
#e3b2f1
```
#e3b2f1 rgb(227,178,241)
```
#e9c3f4
```
#e9c3f4 rgb(233,195,244)
```
#efd3f7
```
#efd3f7 rgb(239,211,247)
```
#f5e4fa
```
#f5e4fa rgb(245,228,250)
```
#fbf4fd
```
#fbf4fd rgb(251,244,253)
```

Tint Color Variation

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

#887a8c
```
#887a8c rgb(136,122,140)
```
#8d7195
```
#8d7195 rgb(141,113,149)
```
#92679f
```
#92679f rgb(146,103,159)
```
#985ea8
```
#985ea8 rgb(152,94,168)
```
#9d54b2
```
#9d54b2 rgb(157,84,178)
```
#a24bbb
```
#a24bbb rgb(162,75,187)
```
#a741c5
```
#a741c5 rgb(167,65,197)
```
#ad38ce
```
#ad38ce rgb(173,56,206)
```
#b22ed8
```
#b22ed8 rgb(178,46,216)
```
#b724e2
```
#b724e2 rgb(183,36,226)
```
#bd1beb
```
#bd1beb rgb(189,27,235)
```
#c211f5
```
#c211f5 rgb(194,17,245)
```
#c708fe
```
#c708fe rgb(199,8,254)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#785d7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#2779c8 Deuteranopia 1% of men
#a4666d Tritanopia 0.001% of the population

Trichromacy

#405adf Protanomaly 1% of men, 0.01% of women
#595ecd Deuteranomaly 6% of men, 0.4% of women
#a95194 Tritanomaly 0.01% of the population