#b22add hex color

In a RGB color space, hex #b22add is composed of 69.8% red, 16.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 19.5% cyan, 81% magenta, 0% yellow and 13.3% black. It has a hue angle of 285.6 degrees, a saturation of 72.5% and a lightness of 51.6%. #b22add color hex could be obtained by blending #ff54ff with #6500bb. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 70
- G 16
- B 87
RGB color chart
- C 19
- M 81
- Y 0
- K 13
CMYK color chart

● #b22add color description : Bright magenta.

The hexadecimal color #b22add has RGB values of R:178, G:42, B:221 and CMYK values of C:0.19, M:0.81, Y:0, K:0.13. Its decimal value is 11676381.

Hex triplet	b22add	`#b22add`
RGB Decimal	178, 42, 221	`rgb(178,42,221)`
RGB Percent	69.8, 16.5, 86.7	`rgb(69.8%,16.5%,86.7%)`
CMYK	19, 81, 0, 13
HSL	285.6°, 72.5, 51.6	`hsl(285.6,72.5%,51.6%)`
HSV (or HSB)	285.6°, 81, 86.7
Web Safe	9933cc	`#9933cc`

CIE-LAB	47.421, 75.328, -63.152
XYZ	32.238, 16.343, 69.859
xyY	0.272, 0.138, 16.343
CIE-LCH	47.421, 98.298, 320.025
CIE-LUV	47.421, 41.285, -102.511
Hunter-Lab	40.426, 71.598, -74.159
Binary	10110010, 00101010, 11011101

#b22add
```
#b22add rgb(178,42,221)
```
#55dd2a
```
#55dd2a rgb(85,221,42)
```

Complementary Color

#592add
```
#592add rgb(89,42,221)
```
#b22add
```
#b22add rgb(178,42,221)
```
#dd2aaf
```
#dd2aaf rgb(221,42,175)
```

Analogous Color

#2add59
```
#2add59 rgb(42,221,89)
```
#b22add
```
#b22add rgb(178,42,221)
```
#afdd2a
```
#afdd2a rgb(175,221,42)
```

Split Complementary Color

#2addb2
```
#2addb2 rgb(42,221,178)
```
#b22add
```
#b22add rgb(178,42,221)
```
#ddb22a
```
#ddb22a rgb(221,178,42)
```

Triadic Color

#2a55dd
```
#2a55dd rgb(42,85,221)
```
#b22add
```
#b22add rgb(178,42,221)
```
#ddb22a
```
#ddb22a rgb(221,178,42)
```
#55dd2a
```
#55dd2a rgb(85,221,42)
```

Tetradic Color

#801aa1
```
#801aa1 rgb(128,26,161)
```
#921db7
```
#921db7 rgb(146,29,183)
```
#a321cd
```
#a321cd rgb(163,33,205)
```
#b22add
```
#b22add rgb(178,42,221)
```
#ba40e1
```
#ba40e1 rgb(186,64,225)
```
#c256e4
```
#c256e4 rgb(194,86,228)
```
#ca6ce8
```
#ca6ce8 rgb(202,108,232)
```

Monochromatic Color

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

#852add
```
#852add rgb(133,42,221)
```
#942add
```
#942add rgb(148,42,221)
```
#a32add
```
#a32add rgb(163,42,221)
```
#b22add
```
#b22add rgb(178,42,221)
```
#c12add
```
#c12add rgb(193,42,221)
```
#d02add
```
#d02add rgb(208,42,221)
```
#dd2adb
```
#dd2adb rgb(221,42,219)
```

Similar Colors

Text with hexadecimal color #b22add

This text has a font color of #b22add.

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

#b22add background color

This paragraph has a background color of #b22add.

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

#b22add border color

This element has a border color of #b22add.

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

CSS codes

.text {color:#b22add;}

.background {background-color:#b22add;}

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

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

#060107
```
#060107 rgb(6,1,7)
```
#130418
```
#130418 rgb(19,4,24)
```
#210729
```
#210729 rgb(33,7,41)
```
#2e093a
```
#2e093a rgb(46,9,58)
```
#3c0c4b
```
#3c0c4b rgb(60,12,75)
```
#490f5b
```
#490f5b rgb(73,15,91)
```
#57116c
```
#57116c rgb(87,17,108)
```
#64147d
```
#64147d rgb(100,20,125)
```
#72178e
```
#72178e rgb(114,23,142)
```
#7f199f
```
#7f199f rgb(127,25,159)
```
#8d1cb0
```
#8d1cb0 rgb(141,28,176)
```
#9a1fc1
```
#9a1fc1 rgb(154,31,193)
```
#a822d2
```
#a822d2 rgb(168,34,210)
```

Shade Color Variation

#b22add
```
#b22add rgb(178,42,221)
```
#b83be0
```
#b83be0 rgb(184,59,224)
```
#be4ce2
```
#be4ce2 rgb(190,76,226)
```
#c45de5
```
#c45de5 rgb(196,93,229)
```
#ca6ee8
```
#ca6ee8 rgb(202,110,232)
```
#d17feb
```
#d17feb rgb(209,127,235)
```
#d78fed
```
#d78fed rgb(215,143,237)
```
#dda0f0
```
#dda0f0 rgb(221,160,240)
```
#e3b1f3
```
#e3b1f3 rgb(227,177,243)
```
#e9c2f5
```
#e9c2f5 rgb(233,194,245)
```
#efd3f8
```
#efd3f8 rgb(239,211,248)
```
#f5e4fb
```
#f5e4fb rgb(245,228,251)
```
#fbf5fd
```
#fbf5fd rgb(251,245,253)
```

Tint Color Variation

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

#868088
```
#868088 rgb(134,128,136)
```
#8b7691
```
#8b7691 rgb(139,118,145)
```
#8f6d9b
```
#8f6d9b rgb(143,109,155)
```
#9463a4
```
#9463a4 rgb(148,99,164)
```
#995aae
```
#995aae rgb(153,90,174)
```
#9e50b7
```
#9e50b7 rgb(158,80,183)
```
#a347c1
```
#a347c1 rgb(163,71,193)
```
#a83dca
```
#a83dca rgb(168,61,202)
```
#ad34d4
```
#ad34d4 rgb(173,52,212)
```
#b22add
```
#b22add rgb(178,42,221)
```
#b721e7
```
#b721e7 rgb(183,33,231)
```
#bc17f0
```
#bc17f0 rgb(188,23,240)
```
#c10efa
```
#c10efa rgb(193,14,250)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#765b7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e2 Protanopia 1% of men
#0079cb Deuteranopia 1% of men
#a2676d Tritanopia 0.001% of the population

Trichromacy

#4059e0 Protanomaly 1% of men, 0.01% of women
#405cd1 Deuteranomaly 6% of men, 0.4% of women
#a85096 Tritanomaly 0.01% of the population

#b22add hex color

#b22add Color Information

#b22add Color Conversion

Color Schemes with #b22add

Alternatives to #b22add

#b22add Preview

Shades and Tints of #b22add

Tones of #b22add

Color Blindness Simulator