#b22d6a hex color

In a RGB color space, hex #b22d6a is composed of 69.8% red, 17.6% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.7% magenta, 40.4% yellow and 30.2% black. It has a hue angle of 332.5 degrees, a saturation of 59.6% and a lightness of 43.7%. #b22d6a color hex could be obtained by blending #ff5ad4 with #650000. Closest websafe color is: #993366.

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

● #b22d6a color description : Dark pink.

The hexadecimal color #b22d6a has RGB values of R:178, G:45, B:106 and CMYK values of C:0, M:0.75, Y:0.4, K:0.3. Its decimal value is 11677034.

Hex triplet	b22d6a	`#b22d6a`
RGB Decimal	178, 45, 106	`rgb(178,45,106)`
RGB Percent	69.8, 17.6, 41.6	`rgb(69.8%,17.6%,41.6%)`
CMYK	0, 75, 40, 30
HSL	332.5°, 59.6, 43.7	`hsl(332.5,59.6%,43.7%)`
HSV (or HSB)	332.5°, 74.7, 69.8
Web Safe	993366	`#993366`

CIE-LAB	41.821, 57.304, -3.308
XYZ	21.9, 12.385, 14.872
xyY	0.446, 0.252, 12.385
CIE-LCH	41.821, 57.399, 356.696
CIE-LUV	41.821, 81.222, -14.424
Hunter-Lab	35.192, 49.499, -0.422
Binary	10110010, 00101101, 01101010

#b22d6a
```
#b22d6a rgb(178,45,106)
```
#2db275
```
#2db275 rgb(45,178,117)
```

Complementary Color

#b22dad
```
#b22dad rgb(178,45,173)
```
#b22d6a
```
#b22d6a rgb(178,45,106)
```
#b2332d
```
#b2332d rgb(178,51,45)
```

Analogous Color

#2dadb2
```
#2dadb2 rgb(45,173,178)
```
#b22d6a
```
#b22d6a rgb(178,45,106)
```
#2db233
```
#2db233 rgb(45,178,51)
```

Split Complementary Color

#2d6ab2
```
#2d6ab2 rgb(45,106,178)
```
#b22d6a
```
#b22d6a rgb(178,45,106)
```
#6ab22d
```
#6ab22d rgb(106,178,45)
```

Triadic Color

#752db2
```
#752db2 rgb(117,45,178)
```
#b22d6a
```
#b22d6a rgb(178,45,106)
```
#6ab22d
```
#6ab22d rgb(106,178,45)
```
#2db275
```
#2db275 rgb(45,178,117)
```

Tetradic Color

#751e46
```
#751e46 rgb(117,30,70)
```
#892352
```
#892352 rgb(137,35,82)
```
#9e285e
```
#9e285e rgb(158,40,94)
```
#b22d6a
```
#b22d6a rgb(178,45,106)
```
#c63276
```
#c63276 rgb(198,50,118)
```
#cf4383
```
#cf4383 rgb(207,67,131)
```
#d55791
```
#d55791 rgb(213,87,145)
```

Monochromatic Color

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

#b22d8b
```
#b22d8b rgb(178,45,139)
```
#b22d80
```
#b22d80 rgb(178,45,128)
```
#b22d75
```
#b22d75 rgb(178,45,117)
```
#b22d6a
```
#b22d6a rgb(178,45,106)
```
#b22d5f
```
#b22d5f rgb(178,45,95)
```
#b22d54
```
#b22d54 rgb(178,45,84)
```
#b22d49
```
#b22d49 rgb(178,45,73)
```

Similar Colors

Text with hexadecimal color #b22d6a

This text has a font color of #b22d6a.

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

#b22d6a background color

This paragraph has a background color of #b22d6a.

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

#b22d6a border color

This element has a border color of #b22d6a.

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

CSS codes

.text {color:#b22d6a;}

.background {background-color:#b22d6a;}

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

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

#060103
```
#060103 rgb(6,1,3)
```
#15050d
```
#15050d rgb(21,5,13)
```
#250916
```
#250916 rgb(37,9,22)
```
#350d1f
```
#350d1f rgb(53,13,31)
```
#441129
```
#441129 rgb(68,17,41)
```
#541532
```
#541532 rgb(84,21,50)
```
#64193b
```
#64193b rgb(100,25,59)
```
#731d45
```
#731d45 rgb(115,29,69)
```
#83214e
```
#83214e rgb(131,33,78)
```
#932557
```
#932557 rgb(147,37,87)
```
#a22961
```
#a22961 rgb(162,41,97)
```
#b22d6a
```
#b22d6a rgb(178,45,106)
```
#c23173
```
#c23173 rgb(194,49,115)
```

Shade Color Variation

#cd397d
```
#cd397d rgb(205,57,125)
```
#d14987
```
#d14987 rgb(209,73,135)
```
#d55992
```
#d55992 rgb(213,89,146)
```
#d9689c
```
#d9689c rgb(217,104,156)
```
#dd78a6
```
#dd78a6 rgb(221,120,166)
```
#e188b0
```
#e188b0 rgb(225,136,176)
```
#e597bb
```
#e597bb rgb(229,151,187)
```
#e9a7c5
```
#e9a7c5 rgb(233,167,197)
```
#edb6cf
```
#edb6cf rgb(237,182,207)
```
#f1c6da
```
#f1c6da rgb(241,198,218)
```
#f5d6e4
```
#f5d6e4 rgb(245,214,228)
```
#f9e5ee
```
#f9e5ee rgb(249,229,238)
```
#fdf5f9
```
#fdf5f9 rgb(253,245,249)
```

Tint Color Variation

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

#76696f
```
#76696f rgb(118,105,111)
```
#7f606e
```
#7f606e rgb(127,96,110)
```
#87586e
```
#87586e rgb(135,88,110)
```
#904f6d
```
#904f6d rgb(144,79,109)
```
#98476c
```
#98476c rgb(152,71,108)
```
#a13e6b
```
#a13e6b rgb(161,62,107)
```
#a9366b
```
#a9366b rgb(169,54,107)
```
#b22d6a
```
#b22d6a rgb(178,45,106)
```
#bb2469
```
#bb2469 rgb(187,36,105)
```
#c31c69
```
#c31c69 rgb(195,28,105)
```
#cc1368
```
#cc1368 rgb(204,19,104)
```
#d40b67
```
#d40b67 rgb(212,11,103)
```
#dd0266
```
#dd0266 rgb(221,2,102)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6d535f Atypical Achromatopsia 0.001% of the population

Dichromacy

#60698c Protanopia 1% of men
#756768 Deuteranopia 1% of men
#b34347 Tritanopia 0.001% of the population

Trichromacy

#7d537f Protanomaly 1% of men, 0.01% of women
#8b5268 Deuteranomaly 6% of men, 0.4% of women
#b23b53 Tritanomaly 0.01% of the population

#b22d6a hex color

#b22d6a Color Information

#b22d6a Color Conversion

Color Schemes with #b22d6a

Alternatives to #b22d6a

#b22d6a Preview

Shades and Tints of #b22d6a

Tones of #b22d6a

Color Blindness Simulator