#b22d84 hex color

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

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

● #b22d84 color description : Dark pink.

The hexadecimal color #b22d84 has RGB values of R:178, G:45, B:132 and CMYK values of C:0, M:0.75, Y:0.26, K:0.3. Its decimal value is 11677060.

Hex triplet	b22d84	`#b22d84`
RGB Decimal	178, 45, 132	`rgb(178,45,132)`
RGB Percent	69.8, 17.6, 51.8	`rgb(69.8%,17.6%,51.8%)`
CMYK	0, 75, 26, 30
HSL	320.8°, 59.6, 43.7	`hsl(320.8,59.6%,43.7%)`
HSV (or HSB)	320.8°, 74.7, 69.8
Web Safe	993399	`#993399`

CIE-LAB	42.778, 60.304, -17.949
XYZ	23.464, 13.01, 23.104
xyY	0.394, 0.218, 13.01
CIE-LCH	42.778, 62.918, 343.425
CIE-LUV	42.778, 71.255, -34.296
Hunter-Lab	36.069, 52.997, -12.73
Binary	10110010, 00101101, 10000100

#b22d84
```
#b22d84 rgb(178,45,132)
```
#2db25b
```
#2db25b rgb(45,178,91)
```

Complementary Color

#9e2db2
```
#9e2db2 rgb(158,45,178)
```
#b22d84
```
#b22d84 rgb(178,45,132)
```
#b22d41
```
#b22d41 rgb(178,45,65)
```

Analogous Color

#2db29e
```
#2db29e rgb(45,178,158)
```
#b22d84
```
#b22d84 rgb(178,45,132)
```
#41b22d
```
#41b22d rgb(65,178,45)
```

Split Complementary Color

#2d84b2
```
#2d84b2 rgb(45,132,178)
```
#b22d84
```
#b22d84 rgb(178,45,132)
```
#84b22d
```
#84b22d rgb(132,178,45)
```

Triadic Color

#5b2db2
```
#5b2db2 rgb(91,45,178)
```
#b22d84
```
#b22d84 rgb(178,45,132)
```
#84b22d
```
#84b22d rgb(132,178,45)
```
#2db25b
```
#2db25b rgb(45,178,91)
```

Tetradic Color

#751e57
```
#751e57 rgb(117,30,87)
```
#892366
```
#892366 rgb(137,35,102)
```
#9e2875
```
#9e2875 rgb(158,40,117)
```
#b22d84
```
#b22d84 rgb(178,45,132)
```
#c63293
```
#c63293 rgb(198,50,147)
```
#cf439f
```
#cf439f rgb(207,67,159)
```
#d557a9
```
#d557a9 rgb(213,87,169)
```

Monochromatic Color

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

#b22da5
```
#b22da5 rgb(178,45,165)
```
#b22d9a
```
#b22d9a rgb(178,45,154)
```
#b22d8f
```
#b22d8f rgb(178,45,143)
```
#b22d84
```
#b22d84 rgb(178,45,132)
```
#b22d79
```
#b22d79 rgb(178,45,121)
```
#b22d6e
```
#b22d6e rgb(178,45,110)
```
#b22d63
```
#b22d63 rgb(178,45,99)
```

Similar Colors

Text with hexadecimal color #b22d84

This text has a font color of #b22d84.

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

#b22d84 background color

This paragraph has a background color of #b22d84.

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

#b22d84 border color

This element has a border color of #b22d84.

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

CSS codes

.text {color:#b22d84;}

.background {background-color:#b22d84;}

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

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

#060104
```
#060104 rgb(6,1,4)
```
#150510
```
#150510 rgb(21,5,16)
```
#25091c
```
#25091c rgb(37,9,28)
```
#350d27
```
#350d27 rgb(53,13,39)
```
#441133
```
#441133 rgb(68,17,51)
```
#54153e
```
#54153e rgb(84,21,62)
```
#64194a
```
#64194a rgb(100,25,74)
```
#731d56
```
#731d56 rgb(115,29,86)
```
#832161
```
#832161 rgb(131,33,97)
```
#93256d
```
#93256d rgb(147,37,109)
```
#a22978
```
#a22978 rgb(162,41,120)
```
#b22d84
```
#b22d84 rgb(178,45,132)
```
#c23190
```
#c23190 rgb(194,49,144)
```

Shade Color Variation

#cd399a
```
#cd399a rgb(205,57,154)
```
#d149a2
```
#d149a2 rgb(209,73,162)
```
#d559aa
```
#d559aa rgb(213,89,170)
```
#d968b2
```
#d968b2 rgb(217,104,178)
```
#dd78ba
```
#dd78ba rgb(221,120,186)
```
#e188c2
```
#e188c2 rgb(225,136,194)
```
#e597ca
```
#e597ca rgb(229,151,202)
```
#e9a7d2
```
#e9a7d2 rgb(233,167,210)
```
#edb6da
```
#edb6da rgb(237,182,218)
```
#f1c6e2
```
#f1c6e2 rgb(241,198,226)
```
#f5d6ea
```
#f5d6ea rgb(245,214,234)
```
#f9e5f2
```
#f9e5f2 rgb(249,229,242)
```
#fdf5fa
```
#fdf5fa rgb(253,245,250)
```

Tint Color Variation

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

#766971
```
#766971 rgb(118,105,113)
```
#7f6074
```
#7f6074 rgb(127,96,116)
```
#875877
```
#875877 rgb(135,88,119)
```
#904f79
```
#904f79 rgb(144,79,121)
```
#98477c
```
#98477c rgb(152,71,124)
```
#a13e7f
```
#a13e7f rgb(161,62,127)
```
#a93681
```
#a93681 rgb(169,54,129)
```
#b22d84
```
#b22d84 rgb(178,45,132)
```
#bb2487
```
#bb2487 rgb(187,36,135)
```
#c31c89
```
#c31c89 rgb(195,28,137)
```
#cc138c
```
#cc138c rgb(204,19,140)
```
#d40b8f
```
#d40b8f rgb(212,11,143)
```
#dd0291
```
#dd0291 rgb(221,2,145)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#705566 Atypical Achromatopsia 0.001% of the population

Dichromacy

#516aaa Protanopia 1% of men
#6d6a7f Deuteranopia 1% of men
#b04a4e Tritanopia 0.001% of the population

Trichromacy

#74549c Protanomaly 1% of men, 0.01% of women
#865481 Deuteranomaly 6% of men, 0.4% of women
#b13f62 Tritanomaly 0.01% of the population

#b22d84 hex color

#b22d84 Color Information

#b22d84 Color Conversion

Color Schemes with #b22d84

Alternatives to #b22d84

#b22d84 Preview

Shades and Tints of #b22d84

Tones of #b22d84

Color Blindness Simulator