#bb226d hex color

In a RGB color space, hex #bb226d is composed of 73.3% red, 13.3% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.8% magenta, 41.7% yellow and 26.7% black. It has a hue angle of 330.6 degrees, a saturation of 69.2% and a lightness of 43.3%. #bb226d color hex could be obtained by blending #ff44da with #770000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 73
- G 13
- B 43
RGB color chart
- C 0
- M 82
- Y 42
- K 27
CMYK color chart

● #bb226d color description : Strong pink.

The hexadecimal color #bb226d has RGB values of R:187, G:34, B:109 and CMYK values of C:0, M:0.82, Y:0.42, K:0.27. Its decimal value is 12264045.

Hex triplet	bb226d	`#bb226d`
RGB Decimal	187, 34, 109	`rgb(187,34,109)`
RGB Percent	73.3, 13.3, 42.7	`rgb(73.3%,13.3%,42.7%)`
CMYK	0, 82, 42, 27
HSL	330.6°, 69.2, 43.3	`hsl(330.6,69.2%,43.3%)`
HSV (or HSB)	330.6°, 81.8, 73.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	42.484, 63.18, -4.011
XYZ	23.826, 12.815, 15.686
xyY	0.455, 0.245, 12.815
CIE-LCH	42.484, 63.307, 356.368
CIE-LUV	42.484, 90.785, -16.557
Hunter-Lab	35.799, 56.156, -0.92
Binary	10111011, 00100010, 01101101

#bb226d
```
#bb226d rgb(187,34,109)
```
#22bb70
```
#22bb70 rgb(34,187,112)
```

Complementary Color

#bb22ba
```
#bb22ba rgb(187,34,186)
```
#bb226d
```
#bb226d rgb(187,34,109)
```
#bb2422
```
#bb2422 rgb(187,36,34)
```

Analogous Color

#22babb
```
#22babb rgb(34,186,187)
```
#bb226d
```
#bb226d rgb(187,34,109)
```
#22bb24
```
#22bb24 rgb(34,187,36)
```

Split Complementary Color

#226dbb
```
#226dbb rgb(34,109,187)
```
#bb226d
```
#bb226d rgb(187,34,109)
```
#6dbb22
```
#6dbb22 rgb(109,187,34)
```

Triadic Color

#7022bb
```
#7022bb rgb(112,34,187)
```
#bb226d
```
#bb226d rgb(187,34,109)
```
#6dbb22
```
#6dbb22 rgb(109,187,34)
```
#22bb70
```
#22bb70 rgb(34,187,112)
```

Tetradic Color

#7a1647
```
#7a1647 rgb(122,22,71)
```
#901a54
```
#901a54 rgb(144,26,84)
```
#a51e60
```
#a51e60 rgb(165,30,96)
```
#bb226d
```
#bb226d rgb(187,34,109)
```
#d1267a
```
#d1267a rgb(209,38,122)
```
#da3686
```
#da3686 rgb(218,54,134)
```
#de4b93
```
#de4b93 rgb(222,75,147)
```

Monochromatic Color

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

#bb2293
```
#bb2293 rgb(187,34,147)
```
#bb2287
```
#bb2287 rgb(187,34,135)
```
#bb227a
```
#bb227a rgb(187,34,122)
```
#bb226d
```
#bb226d rgb(187,34,109)
```
#bb2260
```
#bb2260 rgb(187,34,96)
```
#bb2253
```
#bb2253 rgb(187,34,83)
```
#bb2247
```
#bb2247 rgb(187,34,71)
```

Similar Colors

Text with hexadecimal color #bb226d

This text has a font color of #bb226d.

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

#bb226d background color

This paragraph has a background color of #bb226d.

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

#bb226d border color

This element has a border color of #bb226d.

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

CSS codes

.text {color:#bb226d;}

.background {background-color:#bb226d;}

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

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

#040103
```
#040103 rgb(4,1,3)
```
#15040c
```
#15040c rgb(21,4,12)
```
#260716
```
#260716 rgb(38,7,22)
```
#360a20
```
#360a20 rgb(54,10,32)
```
#470d29
```
#470d29 rgb(71,13,41)
```
#571033
```
#571033 rgb(87,16,51)
```
#68133d
```
#68133d rgb(104,19,61)
```
#791646
```
#791646 rgb(121,22,70)
```
#891950
```
#891950 rgb(137,25,80)
```
#9a1c5a
```
#9a1c5a rgb(154,28,90)
```
#aa1f63
```
#aa1f63 rgb(170,31,99)
```
#bb226d
```
#bb226d rgb(187,34,109)
```
#cc2577
```
#cc2577 rgb(204,37,119)
```

Shade Color Variation

#d92c80
```
#d92c80 rgb(217,44,128)
```
#dc3c8a
```
#dc3c8a rgb(220,60,138)
```
#df4d94
```
#df4d94 rgb(223,77,148)
```
#e25d9e
```
#e25d9e rgb(226,93,158)
```
#e56ea8
```
#e56ea8 rgb(229,110,168)
```
#e87fb2
```
#e87fb2 rgb(232,127,178)
```
#eb8fbc
```
#eb8fbc rgb(235,143,188)
```
#eea0c6
```
#eea0c6 rgb(238,160,198)
```
#f1b0d0
```
#f1b0d0 rgb(241,176,208)
```
#f4c1da
```
#f4c1da rgb(244,193,218)
```
#f7d2e4
```
#f7d2e4 rgb(247,210,228)
```
#fae2ee
```
#fae2ee rgb(250,226,238)
```
#fdf3f8
```
#fdf3f8 rgb(253,243,248)
```

Tint Color Variation

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

#6f6f6f
```
#6f6f6f rgb(111,111,111)
```
#77666e
```
#77666e rgb(119,102,110)
```
#805e6e
```
#805e6e rgb(128,94,110)
```
#88556e
```
#88556e rgb(136,85,110)
```
#914d6e
```
#914d6e rgb(145,77,110)
```
#99446e
```
#99446e rgb(153,68,110)
```
#a23c6e
```
#a23c6e rgb(162,60,110)
```
#aa336d
```
#aa336d rgb(170,51,109)
```
#b32b6d
```
#b32b6d rgb(179,43,109)
```
#bb226d
```
#bb226d rgb(187,34,109)
```
#c41a6d
```
#c41a6d rgb(196,26,109)
```
#cc116d
```
#cc116d rgb(204,17,109)
```
#d5086d
```
#d5086d rgb(213,8,109)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#6c4d5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6a94 Protanopia 1% of men
#776969 Deuteranopia 1% of men
#bb3e40 Tritanopia 0.001% of the population

Trichromacy

#805086 Protanomaly 1% of men, 0.01% of women
#8f4f6a Deuteranomaly 6% of men, 0.4% of women
#bb3350 Tritanomaly 0.01% of the population

#bb226d hex color

#bb226d Color Information

#bb226d Color Conversion

Color Schemes with #bb226d

Alternatives to #bb226d

#bb226d Preview

Shades and Tints of #bb226d

Tones of #bb226d

Color Blindness Simulator