#bb1557 hex color

In a RGB color space, hex #bb1557 is composed of 73.3% red, 8.2% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.8% magenta, 53.5% yellow and 26.7% black. It has a hue angle of 336.1 degrees, a saturation of 79.8% and a lightness of 40.8%. #bb1557 color hex could be obtained by blending #ff2aae with #770000. Closest websafe color is: #cc0066.

♥
- f
- t
- g
- R 73
- G 8
- B 34
RGB color chart
- C 0
- M 89
- Y 53
- K 27
CMYK color chart

● #bb1557 color description : Strong pink.

The hexadecimal color #bb1557 has RGB values of R:187, G:21, B:87 and CMYK values of C:0, M:0.89, Y:0.53, K:0.27. Its decimal value is 12260695.

Hex triplet	bb1557	`#bb1557`
RGB Decimal	187, 21, 87	`rgb(187,21,87)`
RGB Percent	73.3, 8.2, 34.1	`rgb(73.3%,8.2%,34.1%)`
CMYK	0, 89, 53, 27
HSL	336.1°, 79.8, 40.8	`hsl(336.1,79.8%,40.8%)`
HSV (or HSB)	336.1°, 88.8, 73.3
Web Safe	cc0066	`#cc0066`

CIE-LAB	40.883, 64.038, 7.514
XYZ	22.483, 11.792, 10.109
xyY	0.507, 0.266, 11.792
CIE-LCH	40.883, 64.477, 6.693
CIE-LUV	40.883, 102.948, -3.341
Hunter-Lab	34.339, 56.775, 6.584
Binary	10111011, 00010101, 01010111

#bb1557
```
#bb1557 rgb(187,21,87)
```
#15bb79
```
#15bb79 rgb(21,187,121)
```

Complementary Color

#bb15aa
```
#bb15aa rgb(187,21,170)
```
#bb1557
```
#bb1557 rgb(187,21,87)
```
#bb2615
```
#bb2615 rgb(187,38,21)
```

Analogous Color

#15aabb
```
#15aabb rgb(21,170,187)
```
#bb1557
```
#bb1557 rgb(187,21,87)
```
#15bb26
```
#15bb26 rgb(21,187,38)
```

Split Complementary Color

#1557bb
```
#1557bb rgb(21,87,187)
```
#bb1557
```
#bb1557 rgb(187,21,87)
```
#57bb15
```
#57bb15 rgb(87,187,21)
```

Triadic Color

#7915bb
```
#7915bb rgb(121,21,187)
```
#bb1557
```
#bb1557 rgb(187,21,87)
```
#57bb15
```
#57bb15 rgb(87,187,21)
```
#15bb79
```
#15bb79 rgb(21,187,121)
```

Tetradic Color

#760d37
```
#760d37 rgb(118,13,55)
```
#8d1042
```
#8d1042 rgb(141,16,66)
```
#a4124c
```
#a4124c rgb(164,18,76)
```
#bb1557
```
#bb1557 rgb(187,21,87)
```
#d21862
```
#d21862 rgb(210,24,98)
```
#e61d6d
```
#e61d6d rgb(230,29,109)
```
#e8347c
```
#e8347c rgb(232,52,124)
```

Monochromatic Color

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

#bb1581
```
#bb1581 rgb(187,21,129)
```
#bb1573
```
#bb1573 rgb(187,21,115)
```
#bb1565
```
#bb1565 rgb(187,21,101)
```
#bb1557
```
#bb1557 rgb(187,21,87)
```
#bb1549
```
#bb1549 rgb(187,21,73)
```
#bb153b
```
#bb153b rgb(187,21,59)
```
#bb152e
```
#bb152e rgb(187,21,46)
```

Similar Colors

Text with hexadecimal color #bb1557

This text has a font color of #bb1557.

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

#bb1557 background color

This paragraph has a background color of #bb1557.

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

#bb1557 border color

This element has a border color of #bb1557.

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

CSS codes

.text {color:#bb1557;}

.background {background-color:#bb1557;}

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

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, #0b0105 is the darkest color, while #fef8fa is the lightest one.

#0b0105
```
#0b0105 rgb(11,1,5)
```
#1c030d
```
#1c030d rgb(28,3,13)
```
#2e0515
```
#2e0515 rgb(46,5,21)
```
#40071e
```
#40071e rgb(64,7,30)
```
#510926
```
#510926 rgb(81,9,38)
```
#630b2e
```
#630b2e rgb(99,11,46)
```
#740d36
```
#740d36 rgb(116,13,54)
```
#860f3e
```
#860f3e rgb(134,15,62)
```
#981147
```
#981147 rgb(152,17,71)
```
#a9134f
```
#a9134f rgb(169,19,79)
```
#bb1557
```
#bb1557 rgb(187,21,87)
```
#cd175f
```
#cd175f rgb(205,23,95)
```
#de1967
```
#de1967 rgb(222,25,103)
```

Shade Color Variation

#e62472
```
#e62472 rgb(230,36,114)
```
#e8367d
```
#e8367d rgb(232,54,125)
```
#ea4888
```
#ea4888 rgb(234,72,136)
```
#ec5994
```
#ec5994 rgb(236,89,148)
```
#ee6b9f
```
#ee6b9f rgb(238,107,159)
```
#f07dab
```
#f07dab rgb(240,125,171)
```
#f28eb6
```
#f28eb6 rgb(242,142,182)
```
#f4a0c1
```
#f4a0c1 rgb(244,160,193)
```
#f6b1cd
```
#f6b1cd rgb(246,177,205)
```
#f8c3d8
```
#f8c3d8 rgb(248,195,216)
```
#fad5e4
```
#fad5e4 rgb(250,213,228)
```
#fce6ef
```
#fce6ef rgb(252,230,239)
```
#fef8fa
```
#fef8fa rgb(254,248,250)
```

Tint Color Variation

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

#6b6567
```
#6b6567 rgb(107,101,103)
```
#735d66
```
#735d66 rgb(115,93,102)
```
#7b5564
```
#7b5564 rgb(123,85,100)
```
#834d62
```
#834d62 rgb(131,77,98)
```
#8b4561
```
#8b4561 rgb(139,69,97)
```
#933d5f
```
#933d5f rgb(147,61,95)
```
#9b355e
```
#9b355e rgb(155,53,94)
```
#a32d5c
```
#a32d5c rgb(163,45,92)
```
#ab255a
```
#ab255a rgb(171,37,90)
```
#b31d59
```
#b31d59 rgb(179,29,89)
```
#bb1557
```
#bb1557 rgb(187,21,87)
```
#c30d55
```
#c30d55 rgb(195,13,85)
```
#cb0554
```
#cb0554 rgb(203,5,84)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#644350 Atypical Achromatopsia 0.001% of the population

Dichromacy

#63677d Protanopia 1% of men
#796455 Deuteranopia 1% of men
#bc3031 Tritanopia 0.001% of the population

Trichromacy

#83496f Protanomaly 1% of men, 0.01% of women
#914755 Deuteranomaly 6% of men, 0.4% of women
#bb263f Tritanomaly 0.01% of the population

#bb1557 hex color

#bb1557 Color Information

#bb1557 Color Conversion

Color Schemes with #bb1557

Alternatives to #bb1557

#bb1557 Preview

Shades and Tints of #bb1557

Tones of #bb1557

Color Blindness Simulator