#b7226a hex color

In a RGB color space, hex #b7226a is composed of 71.8% red, 13.3% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.4% magenta, 42.1% yellow and 28.2% black. It has a hue angle of 331 degrees, a saturation of 68.7% and a lightness of 42.5%. #b7226a color hex could be obtained by blending #ff44d4 with #6f0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 72
- G 13
- B 42
RGB color chart
- C 0
- M 81
- Y 42
- K 28
CMYK color chart

● #b7226a color description : Strong pink.

The hexadecimal color #b7226a has RGB values of R:183, G:34, B:106 and CMYK values of C:0, M:0.81, Y:0.42, K:0.28. Its decimal value is 12001898.

Hex triplet	b7226a	`#b7226a`
RGB Decimal	183, 34, 106	`rgb(183,34,106)`
RGB Percent	71.8, 13.3, 41.6	`rgb(71.8%,13.3%,41.6%)`
CMYK	0, 81, 42, 28
HSL	331°, 68.7, 42.5	`hsl(331,68.7%,42.5%)`
HSV (or HSB)	331°, 81.4, 71.8
Web Safe	cc3366	`#cc3366`

CIE-LAB	41.617, 61.878, -3.503
XYZ	22.703, 12.254, 14.805
xyY	0.456, 0.246, 12.254
CIE-LCH	41.617, 61.977, 356.76
CIE-LUV	41.617, 88.757, -15.592
Hunter-Lab	35.006, 54.502, -0.57
Binary	10110111, 00100010, 01101010

#b7226a
```
#b7226a rgb(183,34,106)
```
#22b76f
```
#22b76f rgb(34,183,111)
```

Complementary Color

#b722b5
```
#b722b5 rgb(183,34,181)
```
#b7226a
```
#b7226a rgb(183,34,106)
```
#b72522
```
#b72522 rgb(183,37,34)
```

Analogous Color

#22b5b7
```
#22b5b7 rgb(34,181,183)
```
#b7226a
```
#b7226a rgb(183,34,106)
```
#22b725
```
#22b725 rgb(34,183,37)
```

Split Complementary Color

#226ab7
```
#226ab7 rgb(34,106,183)
```
#b7226a
```
#b7226a rgb(183,34,106)
```
#6ab722
```
#6ab722 rgb(106,183,34)
```

Triadic Color

#6f22b7
```
#6f22b7 rgb(111,34,183)
```
#b7226a
```
#b7226a rgb(183,34,106)
```
#6ab722
```
#6ab722 rgb(106,183,34)
```
#22b76f
```
#22b76f rgb(34,183,111)
```

Tetradic Color

#761645
```
#761645 rgb(118,22,69)
```
#8c1a51
```
#8c1a51 rgb(140,26,81)
```
#a11e5e
```
#a11e5e rgb(161,30,94)
```
#b7226a
```
#b7226a rgb(183,34,106)
```
#cd2676
```
#cd2676 rgb(205,38,118)
```
#d93383
```
#d93383 rgb(217,51,131)
```
#dd4890
```
#dd4890 rgb(221,72,144)
```

Monochromatic Color

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

#b7228f
```
#b7228f rgb(183,34,143)
```
#b72283
```
#b72283 rgb(183,34,131)
```
#b72276
```
#b72276 rgb(183,34,118)
```
#b7226a
```
#b7226a rgb(183,34,106)
```
#b7225e
```
#b7225e rgb(183,34,94)
```
#b72251
```
#b72251 rgb(183,34,81)
```
#b72245
```
#b72245 rgb(183,34,69)
```

Similar Colors

Text with hexadecimal color #b7226a

This text has a font color of #b7226a.

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

#b7226a background color

This paragraph has a background color of #b7226a.

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

#b7226a border color

This element has a border color of #b7226a.

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

CSS codes

.text {color:#b7226a;}

.background {background-color:#b7226a;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#12030a
```
#12030a rgb(18,3,10)
```
#220614
```
#220614 rgb(34,6,20)
```
#33091d
```
#33091d rgb(51,9,29)
```
#430c27
```
#430c27 rgb(67,12,39)
```
#541031
```
#541031 rgb(84,16,49)
```
#64133a
```
#64133a rgb(100,19,58)
```
#751644
```
#751644 rgb(117,22,68)
```
#85194d
```
#85194d rgb(133,25,77)
```
#961c57
```
#961c57 rgb(150,28,87)
```
#a61f60
```
#a61f60 rgb(166,31,96)
```
#b7226a
```
#b7226a rgb(183,34,106)
```
#c82574
```
#c82574 rgb(200,37,116)
```

Shade Color Variation

#d7297d
```
#d7297d rgb(215,41,125)
```
#da3a87
```
#da3a87 rgb(218,58,135)
```
#dd4a91
```
#dd4a91 rgb(221,74,145)
```
#e05b9b
```
#e05b9b rgb(224,91,155)
```
#e46ba5
```
#e46ba5 rgb(228,107,165)
```
#e77caf
```
#e77caf rgb(231,124,175)
```
#ea8cb9
```
#ea8cb9 rgb(234,140,185)
```
#ed9dc3
```
#ed9dc3 rgb(237,157,195)
```
#f0adcd
```
#f0adcd rgb(240,173,205)
```
#f3bed7
```
#f3bed7 rgb(243,190,215)
```
#f6cee2
```
#f6cee2 rgb(246,206,226)
```
#f9dfec
```
#f9dfec rgb(249,223,236)
```
#fceff6
```
#fceff6 rgb(252,239,246)
```

Tint Color Variation

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

#74656c
```
#74656c rgb(116,101,108)
```
#7d5c6c
```
#7d5c6c rgb(125,92,108)
```
#85546c
```
#85546c rgb(133,84,108)
```
#8d4c6b
```
#8d4c6b rgb(141,76,107)
```
#96436b
```
#96436b rgb(150,67,107)
```
#9e3b6b
```
#9e3b6b rgb(158,59,107)
```
#a6336b
```
#a6336b rgb(166,51,107)
```
#af2a6a
```
#af2a6a rgb(175,42,106)
```
#b7226a
```
#b7226a rgb(183,34,106)
```
#bf1a6a
```
#bf1a6a rgb(191,26,106)
```
#c81169
```
#c81169 rgb(200,17,105)
```
#d00969
```
#d00969 rgb(208,9,105)
```
#d80169
```
#d80169 rgb(216,1,105)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#6a4c5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6890 Protanopia 1% of men
#756767 Deuteranopia 1% of men
#b73d3f Tritanopia 0.001% of the population

Trichromacy

#7d4f82 Protanomaly 1% of men, 0.01% of women
#8d4d68 Deuteranomaly 6% of men, 0.4% of women
#b7334f Tritanomaly 0.01% of the population

#b7226a hex color

#b7226a Color Information

#b7226a Color Conversion

Color Schemes with #b7226a

Alternatives to #b7226a

#b7226a Preview

Shades and Tints of #b7226a

Tones of #b7226a

Color Blindness Simulator