#bb2b30 hex color

In a RGB color space, hex #bb2b30 is composed of 73.3% red, 16.9% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77% magenta, 74.3% yellow and 26.7% black. It has a hue angle of 357.9 degrees, a saturation of 62.6% and a lightness of 45.1%. #bb2b30 color hex could be obtained by blending #ff5660 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

● #bb2b30 color description : Strong red.

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

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

CIE-LAB	42.013, 56.434, 33.218
XYZ	21.892, 12.509, 4.058
xyY	0.569, 0.325, 12.509
CIE-LCH	42.013, 65.485, 30.482
CIE-LUV	42.013, 107.68, 21.556
Hunter-Lab	35.367, 48.596, 17.955
Binary	10111011, 00101011, 00110000

#bb2b30
```
#bb2b30 rgb(187,43,48)
```
#2bbbb6
```
#2bbbb6 rgb(43,187,182)
```

Complementary Color

#bb2b78
```
#bb2b78 rgb(187,43,120)
```
#bb2b30
```
#bb2b30 rgb(187,43,48)
```
#bb6e2b
```
#bb6e2b rgb(187,110,43)
```

Analogous Color

#2b78bb
```
#2b78bb rgb(43,120,187)
```
#bb2b30
```
#bb2b30 rgb(187,43,48)
```
#2bbb6e
```
#2bbb6e rgb(43,187,110)
```

Split Complementary Color

#2b30bb
```
#2b30bb rgb(43,48,187)
```
#bb2b30
```
#bb2b30 rgb(187,43,48)
```
#30bb2b
```
#30bb2b rgb(48,187,43)
```

Triadic Color

#b62bbb
```
#b62bbb rgb(182,43,187)
```
#bb2b30
```
#bb2b30 rgb(187,43,48)
```
#30bb2b
```
#30bb2b rgb(48,187,43)
```
#2bbbb6
```
#2bbbb6 rgb(43,187,182)
```

Tetradic Color

#7d1d20
```
#7d1d20 rgb(125,29,32)
```
#922125
```
#922125 rgb(146,33,37)
```
#a6262b
```
#a6262b rgb(166,38,43)
```
#bb2b30
```
#bb2b30 rgb(187,43,48)
```
#cf3036
```
#cf3036 rgb(207,48,54)
```
#d4454a
```
#d4454a rgb(212,69,74)
```
#d95a5e
```
#d95a5e rgb(217,90,94)
```

Monochromatic Color

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

#bb2b54
```
#bb2b54 rgb(187,43,84)
```
#bb2b48
```
#bb2b48 rgb(187,43,72)
```
#bb2b3c
```
#bb2b3c rgb(187,43,60)
```
#bb2b30
```
#bb2b30 rgb(187,43,48)
```
#bb322b
```
#bb322b rgb(187,50,43)
```
#bb3e2b
```
#bb3e2b rgb(187,62,43)
```
#bb4a2b
```
#bb4a2b rgb(187,74,43)
```

Similar Colors

Text with hexadecimal color #bb2b30

This text has a font color of #bb2b30.

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

#bb2b30 background color

This paragraph has a background color of #bb2b30.

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

#bb2b30 border color

This element has a border color of #bb2b30.

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

CSS codes

.text {color:#bb2b30;}

.background {background-color:#bb2b30;}

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

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)
```
#3b0e0f
```
#3b0e0f rgb(59,14,15)
```
#4b1113
```
#4b1113 rgb(75,17,19)
```
#5b1517
```
#5b1517 rgb(91,21,23)
```
#6b191c
```
#6b191c rgb(107,25,28)
```
#7b1c20
```
#7b1c20 rgb(123,28,32)
```
#8b2024
```
#8b2024 rgb(139,32,36)
```
#9b2428
```
#9b2428 rgb(155,36,40)
```
#ab272c
```
#ab272c rgb(171,39,44)
```
#bb2b30
```
#bb2b30 rgb(187,43,48)
```
#cb2f34
```
#cb2f34 rgb(203,47,52)
```

Shade Color Variation

#d23b40
```
#d23b40 rgb(210,59,64)
```
#d64b50
```
#d64b50 rgb(214,75,80)
```
#d95b60
```
#d95b60 rgb(217,91,96)
```
#dd6b6f
```
#dd6b6f rgb(221,107,111)
```
#e17b7f
```
#e17b7f rgb(225,123,127)
```
#e48b8e
```
#e48b8e rgb(228,139,142)
```
#e89b9e
```
#e89b9e rgb(232,155,158)
```
#ecabad
```
#ecabad rgb(236,171,173)
```
#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 #de080f is the most saturated one.

#747272
```
#747272 rgb(116,114,114)
```
#7d696a
```
#7d696a rgb(125,105,106)
```
#866061
```
#866061 rgb(134,96,97)
```
#8f5759
```
#8f5759 rgb(143,87,89)
```
#984e51
```
#984e51 rgb(152,78,81)
```
#a04649
```
#a04649 rgb(160,70,73)
```
#a93d40
```
#a93d40 rgb(169,61,64)
```
#b23438
```
#b23438 rgb(178,52,56)
```
#bb2b30
```
#bb2b30 rgb(187,43,48)
```
#c42228
```
#c42228 rgb(196,34,40)
```
#cd1920
```
#cd1920 rgb(205,25,32)
```
#d61017
```
#d61017 rgb(214,16,23)
```
#de080f
```
#de080f rgb(222,8,15)
```

Tone Color Variation

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

#736b4b Protanopia 1% of men
#836630 Deuteranopia 1% of men
#be3638 Tritanopia 0.001% of the population

Trichromacy

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

#bb2b30 hex color

#bb2b30 Color Information

#bb2b30 Color Conversion

Color Schemes with #bb2b30

Alternatives to #bb2b30

#bb2b30 Preview

Shades and Tints of #bb2b30

Tones of #bb2b30

Color Blindness Simulator