#b22ba5 hex color

In a RGB color space, hex #b22ba5 is composed of 69.8% red, 16.9% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.8% magenta, 7.3% yellow and 30.2% black. It has a hue angle of 305.8 degrees, a saturation of 61.1% and a lightness of 43.3%. #b22ba5 color hex could be obtained by blending #ff56ff with #65004b. Closest websafe color is: #993399.

♥
- f
- t
- g
- R 70
- G 17
- B 65
RGB color chart
- C 0
- M 76
- Y 7
- K 30
CMYK color chart

● #b22ba5 color description : Dark magenta.

The hexadecimal color #b22ba5 has RGB values of R:178, G:43, B:165 and CMYK values of C:0, M:0.76, Y:0.07, K:0.3. Its decimal value is 11676581.

Hex triplet	b22ba5	`#b22ba5`
RGB Decimal	178, 43, 165	`rgb(178,43,165)`
RGB Percent	69.8, 16.9, 64.7	`rgb(69.8%,16.9%,64.7%)`
CMYK	0, 76, 7, 30
HSL	305.8°, 61.1, 43.3	`hsl(305.8,61.1%,43.3%)`
HSV (or HSB)	305.8°, 75.8, 69.8
Web Safe	993399	`#993399`

CIE-LAB	44.105, 65.563, -35.822
XYZ	26.015, 13.911, 36.91
xyY	0.339, 0.181, 13.911
CIE-LCH	44.105, 74.712, 331.349
CIE-LUV	44.105, 59.3, -60.703
Hunter-Lab	37.298, 59.233, -32.566
Binary	10110010, 00101011, 10100101

#b22ba5
```
#b22ba5 rgb(178,43,165)
```
#2bb238
```
#2bb238 rgb(43,178,56)
```

Complementary Color

#7c2bb2
```
#7c2bb2 rgb(124,43,178)
```
#b22ba5
```
#b22ba5 rgb(178,43,165)
```
#b22b62
```
#b22b62 rgb(178,43,98)
```

Analogous Color

#2bb27c
```
#2bb27c rgb(43,178,124)
```
#b22ba5
```
#b22ba5 rgb(178,43,165)
```
#62b22b
```
#62b22b rgb(98,178,43)
```

Split Complementary Color

#2ba5b2
```
#2ba5b2 rgb(43,165,178)
```
#b22ba5
```
#b22ba5 rgb(178,43,165)
```
#a5b22b
```
#a5b22b rgb(165,178,43)
```

Triadic Color

#382bb2
```
#382bb2 rgb(56,43,178)
```
#b22ba5
```
#b22ba5 rgb(178,43,165)
```
#a5b22b
```
#a5b22b rgb(165,178,43)
```
#2bb238
```
#2bb238 rgb(43,178,56)
```

Tetradic Color

#741c6c
```
#741c6c rgb(116,28,108)
```
#89217f
```
#89217f rgb(137,33,127)
```
#9d2692
```
#9d2692 rgb(157,38,146)
```
#b22ba5
```
#b22ba5 rgb(178,43,165)
```
#c730b8
```
#c730b8 rgb(199,48,184)
```
#d13fc3
```
#d13fc3 rgb(209,63,195)
```
#d654c9
```
#d654c9 rgb(214,84,201)
```

Monochromatic Color

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

#9d2bb2
```
#9d2bb2 rgb(157,43,178)
```
#a92bb2
```
#a92bb2 rgb(169,43,178)
```
#b22bb0
```
#b22bb0 rgb(178,43,176)
```
#b22ba5
```
#b22ba5 rgb(178,43,165)
```
#b22b9a
```
#b22b9a rgb(178,43,154)
```
#b22b8f
```
#b22b8f rgb(178,43,143)
```
#b22b83
```
#b22b83 rgb(178,43,131)
```

Similar Colors

Text with hexadecimal color #b22ba5

This text has a font color of #b22ba5.

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

#b22ba5 background color

This paragraph has a background color of #b22ba5.

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

#b22ba5 border color

This element has a border color of #b22ba5.

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

CSS codes

.text {color:#b22ba5;}

.background {background-color:#b22ba5;}

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

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

#040104
```
#040104 rgb(4,1,4)
```
#140513
```
#140513 rgb(20,5,19)
```
#240921
```
#240921 rgb(36,9,33)
```
#340c30
```
#340c30 rgb(52,12,48)
```
#43103e
```
#43103e rgb(67,16,62)
```
#53144d
```
#53144d rgb(83,20,77)
```
#63185c
```
#63185c rgb(99,24,92)
```
#731c6a
```
#731c6a rgb(115,28,106)
```
#832079
```
#832079 rgb(131,32,121)
```
#922388
```
#922388 rgb(146,35,136)
```
#a22796
```
#a22796 rgb(162,39,150)
```
#b22ba5
```
#b22ba5 rgb(178,43,165)
```
#c22fb4
```
#c22fb4 rgb(194,47,180)
```

Shade Color Variation

#ce36c0
```
#ce36c0 rgb(206,54,192)
```
#d246c5
```
#d246c5 rgb(210,70,197)
```
#d655ca
```
#d655ca rgb(214,85,202)
```
#da65cf
```
#da65cf rgb(218,101,207)
```
#de75d4
```
#de75d4 rgb(222,117,212)
```
#e185d9
```
#e185d9 rgb(225,133,217)
```
#e595de
```
#e595de rgb(229,149,222)
```
#e9a4e3
```
#e9a4e3 rgb(233,164,227)
```
#edb4e7
```
#edb4e7 rgb(237,180,231)
```
#f1c4ec
```
#f1c4ec rgb(241,196,236)
```
#f5d4f1
```
#f5d4f1 rgb(245,212,241)
```
#f8e4f6
```
#f8e4f6 rgb(248,228,246)
```
#fcf3fb
```
#fcf3fb rgb(252,243,251)
```

Tint Color Variation

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

#776775
```
#776775 rgb(119,103,117)
```
#7f5e7c
```
#7f5e7c rgb(127,94,124)
```
#885683
```
#885683 rgb(136,86,131)
```
#904d8a
```
#904d8a rgb(144,77,138)
```
#994590
```
#994590 rgb(153,69,144)
```
#a13c97
```
#a13c97 rgb(161,60,151)
```
#aa349e
```
#aa349e rgb(170,52,158)
```
#b22ba5
```
#b22ba5 rgb(178,43,165)
```
#bb23ac
```
#bb23ac rgb(187,35,172)
```
#c31ab3
```
#c31ab3 rgb(195,26,179)
```
#cc12ba
```
#cc12ba rgb(204,18,186)
```
#d409c0
```
#d409c0 rgb(212,9,192)
```
#dd00c7
```
#dd00c7 rgb(221,0,199)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#71566f Atypical Achromatopsia 0.001% of the population

Dichromacy

#206cd1 Protanopia 1% of men
#5d6f9c Deuteranopia 1% of men
#ac5359 Tritanopia 0.001% of the population

Trichromacy

#5554c1 Protanomaly 1% of men, 0.01% of women
#7c569f Deuteranomaly 6% of men, 0.4% of women
#ae4574 Tritanomaly 0.01% of the population

#b22ba5 hex color

#b22ba5 Color Information

#b22ba5 Color Conversion

Color Schemes with #b22ba5

Alternatives to #b22ba5

#b22ba5 Preview

Shades and Tints of #b22ba5

Tones of #b22ba5

Color Blindness Simulator