#b22d9e hex color

In a RGB color space, hex #b22d9e is composed of 69.8% red, 17.6% green and 62% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.7% magenta, 11.2% yellow and 30.2% black. It has a hue angle of 309 degrees, a saturation of 59.6% and a lightness of 43.7%. #b22d9e color hex could be obtained by blending #ff5aff with #65003d. Closest websafe color is: #993399.

♥
- f
- t
- g
- R 70
- G 18
- B 62
RGB color chart
- C 0
- M 75
- Y 11
- K 30
CMYK color chart

● #b22d9e color description : Dark magenta.

The hexadecimal color #b22d9e has RGB values of R:178, G:45, B:158 and CMYK values of C:0, M:0.75, Y:0.11, K:0.3. Its decimal value is 11677086.

Hex triplet	b22d9e	`#b22d9e`
RGB Decimal	178, 45, 158	`rgb(178,45,158)`
RGB Percent	69.8, 17.6, 62	`rgb(69.8%,17.6%,62%)`
CMYK	0, 75, 11, 30
HSL	309°, 59.6, 43.7	`hsl(309,59.6%,43.7%)`
HSV (or HSB)	309°, 74.7, 69.8
Web Safe	993399	`#993399`

CIE-LAB	43.962, 63.895, -31.863
XYZ	25.47, 13.812, 33.671
xyY	0.349, 0.189, 13.812
CIE-LCH	43.962, 71.399, 333.495
CIE-LUV	43.962, 61.434, -54.737
Hunter-Lab	37.165, 57.291, -27.7
Binary	10110010, 00101101, 10011110

#b22d9e
```
#b22d9e rgb(178,45,158)
```
#2db241
```
#2db241 rgb(45,178,65)
```

Complementary Color

#842db2
```
#842db2 rgb(132,45,178)
```
#b22d9e
```
#b22d9e rgb(178,45,158)
```
#b22d5c
```
#b22d5c rgb(178,45,92)
```

Analogous Color

#2db284
```
#2db284 rgb(45,178,132)
```
#b22d9e
```
#b22d9e rgb(178,45,158)
```
#5cb22d
```
#5cb22d rgb(92,178,45)
```

Split Complementary Color

#2d9eb2
```
#2d9eb2 rgb(45,158,178)
```
#b22d9e
```
#b22d9e rgb(178,45,158)
```
#9eb22d
```
#9eb22d rgb(158,178,45)
```

Triadic Color

#412db2
```
#412db2 rgb(65,45,178)
```
#b22d9e
```
#b22d9e rgb(178,45,158)
```
#9eb22d
```
#9eb22d rgb(158,178,45)
```
#2db241
```
#2db241 rgb(45,178,65)
```

Tetradic Color

#751e68
```
#751e68 rgb(117,30,104)
```
#89237a
```
#89237a rgb(137,35,122)
```
#9e288c
```
#9e288c rgb(158,40,140)
```
#b22d9e
```
#b22d9e rgb(178,45,158)
```
#c632b0
```
#c632b0 rgb(198,50,176)
```
#cf43ba
```
#cf43ba rgb(207,67,186)
```
#d557c2
```
#d557c2 rgb(213,87,194)
```

Monochromatic Color

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

#a52db2
```
#a52db2 rgb(165,45,178)
```
#b02db2
```
#b02db2 rgb(176,45,178)
```
#b22da9
```
#b22da9 rgb(178,45,169)
```
#b22d9e
```
#b22d9e rgb(178,45,158)
```
#b22d93
```
#b22d93 rgb(178,45,147)
```
#b22d88
```
#b22d88 rgb(178,45,136)
```
#b22d7d
```
#b22d7d rgb(178,45,125)
```

Similar Colors

Text with hexadecimal color #b22d9e

This text has a font color of #b22d9e.

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

#b22d9e background color

This paragraph has a background color of #b22d9e.

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

#b22d9e border color

This element has a border color of #b22d9e.

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

CSS codes

.text {color:#b22d9e;}

.background {background-color:#b22d9e;}

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

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

#060105
```
#060105 rgb(6,1,5)
```
#150513
```
#150513 rgb(21,5,19)
```
#250921
```
#250921 rgb(37,9,33)
```
#350d2f
```
#350d2f rgb(53,13,47)
```
#44113d
```
#44113d rgb(68,17,61)
```
#54154b
```
#54154b rgb(84,21,75)
```
#641959
```
#641959 rgb(100,25,89)
```
#731d66
```
#731d66 rgb(115,29,102)
```
#832174
```
#832174 rgb(131,33,116)
```
#932582
```
#932582 rgb(147,37,130)
```
#a22990
```
#a22990 rgb(162,41,144)
```
#b22d9e
```
#b22d9e rgb(178,45,158)
```
#c231ac
```
#c231ac rgb(194,49,172)
```

Shade Color Variation

#cd39b7
```
#cd39b7 rgb(205,57,183)
```
#d149bc
```
#d149bc rgb(209,73,188)
```
#d559c2
```
#d559c2 rgb(213,89,194)
```
#d968c8
```
#d968c8 rgb(217,104,200)
```
#dd78ce
```
#dd78ce rgb(221,120,206)
```
#e188d3
```
#e188d3 rgb(225,136,211)
```
#e597d9
```
#e597d9 rgb(229,151,217)
```
#e9a7df
```
#e9a7df rgb(233,167,223)
```
#edb6e5
```
#edb6e5 rgb(237,182,229)
```
#f1c6ea
```
#f1c6ea rgb(241,198,234)
```
#f5d6f0
```
#f5d6f0 rgb(245,214,240)
```
#f9e5f6
```
#f9e5f6 rgb(249,229,246)
```
#fdf5fb
```
#fdf5fb rgb(253,245,251)
```

Tint Color Variation

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

#766974
```
#766974 rgb(118,105,116)
```
#7f607a
```
#7f607a rgb(127,96,122)
```
#875880
```
#875880 rgb(135,88,128)
```
#904f86
```
#904f86 rgb(144,79,134)
```
#98478c
```
#98478c rgb(152,71,140)
```
#a13e92
```
#a13e92 rgb(161,62,146)
```
#a93698
```
#a93698 rgb(169,54,152)
```
#b22d9e
```
#b22d9e rgb(178,45,158)
```
#bb24a4
```
#bb24a4 rgb(187,36,164)
```
#c31caa
```
#c31caa rgb(195,28,170)
```
#cc13b0
```
#cc13b0 rgb(204,19,176)
```
#d40bb6
```
#d40bb6 rgb(212,11,182)
```
#dd02bc
```
#dd02bc rgb(221,2,188)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#72576e Atypical Achromatopsia 0.001% of the population

Dichromacy

#356cc8 Protanopia 1% of men
#626e96 Deuteranopia 1% of men
#ad5257 Tritanopia 0.001% of the population

Trichromacy

#6255b9 Protanomaly 1% of men, 0.01% of women
#7f5699 Deuteranomaly 6% of men, 0.4% of women
#af4471 Tritanomaly 0.01% of the population

#b22d9e hex color

#b22d9e Color Information

#b22d9e Color Conversion

Color Schemes with #b22d9e

Alternatives to #b22d9e

#b22d9e Preview

Shades and Tints of #b22d9e

Tones of #b22d9e

Color Blindness Simulator