#bb2b31 hex color

In a RGB color space, hex #bb2b31 is composed of 73.3% red, 16.9% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77% magenta, 73.8% yellow and 26.7% black. It has a hue angle of 357.5 degrees, a saturation of 62.6% and a lightness of 45.1%. #bb2b31 color hex could be obtained by blending #ff5662 with #770000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 73
- G 17
- B 19
RGB color chart
- C 0
- M 77
- Y 74
- K 27
CMYK color chart

● #bb2b31 color description : Strong red.

The hexadecimal color #bb2b31 has RGB values of R:187, G:43, B:49 and CMYK values of C:0, M:0.77, Y:0.74, K:0.27. Its decimal value is 12266289.

Hex triplet	bb2b31	`#bb2b31`
RGB Decimal	187, 43, 49	`rgb(187,43,49)`
RGB Percent	73.3, 16.9, 19.2	`rgb(73.3%,16.9%,19.2%)`
CMYK	0, 77, 74, 27
HSL	357.5°, 62.6, 45.1	`hsl(357.5,62.6%,45.1%)`
HSV (or HSB)	357.5°, 77, 73.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.026, 56.476, 32.642
XYZ	21.913, 12.517, 4.168
xyY	0.568, 0.324, 12.517
CIE-LCH	42.026, 65.231, 30.027
CIE-LUV	42.026, 107.456, 21.153
Hunter-Lab	35.379, 48.643, 17.781
Binary	10111011, 00101011, 00110001

#bb2b31
```
#bb2b31 rgb(187,43,49)
```
#2bbbb5
```
#2bbbb5 rgb(43,187,181)
```

Complementary Color

#bb2b79
```
#bb2b79 rgb(187,43,121)
```
#bb2b31
```
#bb2b31 rgb(187,43,49)
```
#bb6d2b
```
#bb6d2b rgb(187,109,43)
```

Analogous Color

#2b79bb
```
#2b79bb rgb(43,121,187)
```
#bb2b31
```
#bb2b31 rgb(187,43,49)
```
#2bbb6d
```
#2bbb6d rgb(43,187,109)
```

Split Complementary Color

#2b31bb
```
#2b31bb rgb(43,49,187)
```
#bb2b31
```
#bb2b31 rgb(187,43,49)
```
#31bb2b
```
#31bb2b rgb(49,187,43)
```

Triadic Color

#b52bbb
```
#b52bbb rgb(181,43,187)
```
#bb2b31
```
#bb2b31 rgb(187,43,49)
```
#31bb2b
```
#31bb2b rgb(49,187,43)
```
#2bbbb5
```
#2bbbb5 rgb(43,187,181)
```

Tetradic Color

#7d1d21
```
#7d1d21 rgb(125,29,33)
```
#922126
```
#922126 rgb(146,33,38)
```
#a6262c
```
#a6262c rgb(166,38,44)
```
#bb2b31
```
#bb2b31 rgb(187,43,49)
```
#cf3037
```
#cf3037 rgb(207,48,55)
```
#d4454b
```
#d4454b rgb(212,69,75)
```
#d95a5f
```
#d95a5f rgb(217,90,95)
```

Monochromatic Color

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

#bb2b55
```
#bb2b55 rgb(187,43,85)
```
#bb2b49
```
#bb2b49 rgb(187,43,73)
```
#bb2b3d
```
#bb2b3d rgb(187,43,61)
```
#bb2b31
```
#bb2b31 rgb(187,43,49)
```
#bb312b
```
#bb312b rgb(187,49,43)
```
#bb3d2b
```
#bb3d2b rgb(187,61,43)
```
#bb492b
```
#bb492b rgb(187,73,43)
```

Similar Colors

Text with hexadecimal color #bb2b31

This text has a font color of #bb2b31.

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

#bb2b31 background color

This paragraph has a background color of #bb2b31.

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

#bb2b31 border color

This element has a border color of #bb2b31.

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

CSS codes

.text {color:#bb2b31;}

.background {background-color:#bb2b31;}

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

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

#0c0303
```
#0c0303 rgb(12,3,3)
```
#1c0607
```
#1c0607 rgb(28,6,7)
```
#2b0a0b
```
#2b0a0b rgb(43,10,11)
```
#3b0e10
```
#3b0e10 rgb(59,14,16)
```
#4b1114
```
#4b1114 rgb(75,17,20)
```
#5b1518
```
#5b1518 rgb(91,21,24)
```
#6b191c
```
#6b191c rgb(107,25,28)
```
#7b1c20
```
#7b1c20 rgb(123,28,32)
```
#8b2024
```
#8b2024 rgb(139,32,36)
```
#9b2429
```
#9b2429 rgb(155,36,41)
```
#ab272d
```
#ab272d rgb(171,39,45)
```
#bb2b31
```
#bb2b31 rgb(187,43,49)
```
#cb2f35
```
#cb2f35 rgb(203,47,53)
```

Shade Color Variation

#d23b42
```
#d23b42 rgb(210,59,66)
```
#d64b51
```
#d64b51 rgb(214,75,81)
```
#d95b60
```
#d95b60 rgb(217,91,96)
```
#dd6b70
```
#dd6b70 rgb(221,107,112)
```
#e17b7f
```
#e17b7f rgb(225,123,127)
```
#e48b8f
```
#e48b8f rgb(228,139,143)
```
#e89b9e
```
#e89b9e rgb(232,155,158)
```
#ecabae
```
#ecabae rgb(236,171,174)
```
#efbbbd
```
#efbbbd rgb(239,187,189)
```
#f3cbcc
```
#f3cbcc rgb(243,203,204)
```
#f7dbdc
```
#f7dbdc rgb(247,219,220)
```
#faebeb
```
#faebeb rgb(250,235,235)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#747272
```
#747272 rgb(116,114,114)
```
#7d696a
```
#7d696a rgb(125,105,106)
```
#866062
```
#866062 rgb(134,96,98)
```
#8f575a
```
#8f575a rgb(143,87,90)
```
#984e51
```
#984e51 rgb(152,78,81)
```
#a04649
```
#a04649 rgb(160,70,73)
```
#a93d41
```
#a93d41 rgb(169,61,65)
```
#b23439
```
#b23439 rgb(178,52,57)
```
#bb2b31
```
#bb2b31 rgb(187,43,49)
```
#c42229
```
#c42229 rgb(196,34,41)
```
#cd1921
```
#cd1921 rgb(205,25,33)
```
#d61019
```
#d61019 rgb(214,16,25)
```
#de0811
```
#de0811 rgb(222,8,17)
```

Tone Color Variation

Below, you can see how #bb2b31 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
#6b4e4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#736b4c Protanopia 1% of men
#836631 Deuteranopia 1% of men
#be3638 Tritanopia 0.001% of the population

Trichromacy

#8d5342 Protanomaly 1% of men, 0.01% of women
#975031 Deuteranomaly 6% of men, 0.4% of women
#bd3235 Tritanomaly 0.01% of the population

#bb2b31 hex color

#bb2b31 Color Information

#bb2b31 Color Conversion

Color Schemes with #bb2b31

Alternatives to #bb2b31

#bb2b31 Preview

Shades and Tints of #bb2b31

Tones of #bb2b31

Color Blindness Simulator