#bb2258 hex color

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

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

● #bb2258 color description : Strong pink.

The hexadecimal color #bb2258 has RGB values of R:187, G:34, B:88 and CMYK values of C:0, M:0.82, Y:0.53, K:0.27. Its decimal value is 12264024.

Hex triplet	bb2258	`#bb2258`
RGB Decimal	187, 34, 88	`rgb(187,34,88)`
RGB Percent	73.3, 13.3, 34.5	`rgb(73.3%,13.3%,34.5%)`
CMYK	0, 82, 53, 27
HSL	338.8°, 69.2, 43.3	`hsl(338.8,69.2%,43.3%)`
HSV (or HSB)	338.8°, 81.8, 73.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	41.87, 61.359, 8.275
XYZ	22.828, 12.416, 10.426
xyY	0.5, 0.272, 12.416
CIE-LCH	41.87, 61.915, 7.681
CIE-LUV	41.87, 99.104, -1.856
Hunter-Lab	35.236, 53.977, 7.121
Binary	10111011, 00100010, 01011000

#bb2258
```
#bb2258 rgb(187,34,88)
```
#22bb85
```
#22bb85 rgb(34,187,133)
```

Complementary Color

#bb22a5
```
#bb22a5 rgb(187,34,165)
```
#bb2258
```
#bb2258 rgb(187,34,88)
```
#bb3922
```
#bb3922 rgb(187,57,34)
```

Analogous Color

#22a5bb
```
#22a5bb rgb(34,165,187)
```
#bb2258
```
#bb2258 rgb(187,34,88)
```
#22bb38
```
#22bb38 rgb(34,187,56)
```

Split Complementary Color

#2258bb
```
#2258bb rgb(34,88,187)
```
#bb2258
```
#bb2258 rgb(187,34,88)
```
#58bb22
```
#58bb22 rgb(88,187,34)
```

Triadic Color

#8522bb
```
#8522bb rgb(133,34,187)
```
#bb2258
```
#bb2258 rgb(187,34,88)
```
#58bb22
```
#58bb22 rgb(88,187,34)
```
#22bb85
```
#22bb85 rgb(34,187,133)
```

Tetradic Color

#7a163a
```
#7a163a rgb(122,22,58)
```
#901a44
```
#901a44 rgb(144,26,68)
```
#a51e4e
```
#a51e4e rgb(165,30,78)
```
#bb2258
```
#bb2258 rgb(187,34,88)
```
#d12662
```
#d12662 rgb(209,38,98)
```
#da3670
```
#da3670 rgb(218,54,112)
```
#de4b7f
```
#de4b7f rgb(222,75,127)
```

Monochromatic Color

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

#bb227e
```
#bb227e rgb(187,34,126)
```
#bb2272
```
#bb2272 rgb(187,34,114)
```
#bb2265
```
#bb2265 rgb(187,34,101)
```
#bb2258
```
#bb2258 rgb(187,34,88)
```
#bb224b
```
#bb224b rgb(187,34,75)
```
#bb223f
```
#bb223f rgb(187,34,63)
```
#bb2232
```
#bb2232 rgb(187,34,50)
```

Similar Colors

Text with hexadecimal color #bb2258

This text has a font color of #bb2258.

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

#bb2258 background color

This paragraph has a background color of #bb2258.

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

#bb2258 border color

This element has a border color of #bb2258.

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

CSS codes

.text {color:#bb2258;}

.background {background-color:#bb2258;}

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

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

#040102
```
#040102 rgb(4,1,2)
```
#15040a
```
#15040a rgb(21,4,10)
```
#260712
```
#260712 rgb(38,7,18)
```
#360a1a
```
#360a1a rgb(54,10,26)
```
#470d21
```
#470d21 rgb(71,13,33)
```
#571029
```
#571029 rgb(87,16,41)
```
#681331
```
#681331 rgb(104,19,49)
```
#791639
```
#791639 rgb(121,22,57)
```
#891941
```
#891941 rgb(137,25,65)
```
#9a1c48
```
#9a1c48 rgb(154,28,72)
```
#aa1f50
```
#aa1f50 rgb(170,31,80)
```
#bb2258
```
#bb2258 rgb(187,34,88)
```
#cc2560
```
#cc2560 rgb(204,37,96)
```

Shade Color Variation

#d92c69
```
#d92c69 rgb(217,44,105)
```
#dc3c74
```
#dc3c74 rgb(220,60,116)
```
#df4d80
```
#df4d80 rgb(223,77,128)
```
#e25d8c
```
#e25d8c rgb(226,93,140)
```
#e56e98
```
#e56e98 rgb(229,110,152)
```
#e87fa4
```
#e87fa4 rgb(232,127,164)
```
#eb8fb0
```
#eb8fb0 rgb(235,143,176)
```
#eea0bb
```
#eea0bb rgb(238,160,187)
```
#f1b0c7
```
#f1b0c7 rgb(241,176,199)
```
#f4c1d3
```
#f4c1d3 rgb(244,193,211)
```
#f7d2df
```
#f7d2df rgb(247,210,223)
```
#fae2eb
```
#fae2eb rgb(250,226,235)
```
#fdf3f6
```
#fdf3f6 rgb(253,243,246)
```

Tint Color Variation

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

#6f6f6f
```
#6f6f6f rgb(111,111,111)
```
#77666c
```
#77666c rgb(119,102,108)
```
#805e6a
```
#805e6a rgb(128,94,106)
```
#885567
```
#885567 rgb(136,85,103)
```
#914d65
```
#914d65 rgb(145,77,101)
```
#994462
```
#994462 rgb(153,68,98)
```
#a23c60
```
#a23c60 rgb(162,60,96)
```
#aa335d
```
#aa335d rgb(170,51,93)
```
#b32b5b
```
#b32b5b rgb(179,43,91)
```
#bb2258
```
#bb2258 rgb(187,34,88)
```
#c41a56
```
#c41a56 rgb(196,26,86)
```
#cc1153
```
#cc1153 rgb(204,17,83)
```
#d50851
```
#d50851 rgb(213,8,81)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6a4c56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676a7b Protanopia 1% of men
#7b6656 Deuteranopia 1% of men
#bc383a Tritanopia 0.001% of the population

Trichromacy

#854f6e Protanomaly 1% of men, 0.01% of women
#924d57 Deuteranomaly 6% of men, 0.4% of women
#bc3045 Tritanomaly 0.01% of the population

#bb2258 hex color

#bb2258 Color Information

#bb2258 Color Conversion

Color Schemes with #bb2258

Alternatives to #bb2258

#bb2258 Preview

Shades and Tints of #bb2258

Tones of #bb2258

Color Blindness Simulator