#bb311b hex color

In a RGB color space, hex #bb311b is composed of 73.3% red, 19.2% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.8% magenta, 85.6% yellow and 26.7% black. It has a hue angle of 8.3 degrees, a saturation of 74.8% and a lightness of 42%. #bb311b color hex could be obtained by blending #ff6236 with #770000. Closest websafe color is: #cc3333.

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

● #bb311b color description : Strong red.

The hexadecimal color #bb311b has RGB values of R:187, G:49, B:27 and CMYK values of C:0, M:0.74, Y:0.86, K:0.27. Its decimal value is 12267803.

Hex triplet	bb311b	`#bb311b`
RGB Decimal	187, 49, 27	`rgb(187,49,27)`
RGB Percent	73.3, 19.2, 10.6	`rgb(73.3%,19.2%,10.6%)`
CMYK	0, 74, 86, 27
HSL	8.3°, 74.8, 42	`hsl(8.3,74.8%,42%)`
HSV (or HSB)	8.3°, 85.6, 73.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.526, 53.751, 45.077
XYZ	21.791, 12.843, 2.368
xyY	0.589, 0.347, 12.843
CIE-LCH	42.526, 70.151, 39.984
CIE-LUV	42.526, 108.132, 29.524
Hunter-Lab	35.837, 45.821, 21.168
Binary	10111011, 00110001, 00011011

#bb311b
```
#bb311b rgb(187,49,27)
```
#1ba5bb
```
#1ba5bb rgb(27,165,187)
```

Complementary Color

#bb1b55
```
#bb1b55 rgb(187,27,85)
```
#bb311b
```
#bb311b rgb(187,49,27)
```
#bb811b
```
#bb811b rgb(187,129,27)
```

Analogous Color

#1b55bb
```
#1b55bb rgb(27,85,187)
```
#bb311b
```
#bb311b rgb(187,49,27)
```
#1bbb81
```
#1bbb81 rgb(27,187,129)
```

Split Complementary Color

#311bbb
```
#311bbb rgb(49,27,187)
```
#bb311b
```
#bb311b rgb(187,49,27)
```
#1bbb31
```
#1bbb31 rgb(27,187,49)
```

Triadic Color

#bb1ba5
```
#bb1ba5 rgb(187,27,165)
```
#bb311b
```
#bb311b rgb(187,49,27)
```
#1bbb31
```
#1bbb31 rgb(27,187,49)
```
#1ba5bb
```
#1ba5bb rgb(27,165,187)
```

Tetradic Color

#781f11
```
#781f11 rgb(120,31,17)
```
#8e2515
```
#8e2515 rgb(142,37,21)
```
#a52b18
```
#a52b18 rgb(165,43,24)
```
#bb311b
```
#bb311b rgb(187,49,27)
```
#d1371e
```
#d1371e rgb(209,55,30)
```
#e04229
```
#e04229 rgb(224,66,41)
```
#e3563f
```
#e3563f rgb(227,86,63)
```

Monochromatic Color

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

#bb1b2d
```
#bb1b2d rgb(187,27,45)
```
#bb1b20
```
#bb1b20 rgb(187,27,32)
```
#bb241b
```
#bb241b rgb(187,36,27)
```
#bb311b
```
#bb311b rgb(187,49,27)
```
#bb3e1b
```
#bb3e1b rgb(187,62,27)
```
#bb4c1b
```
#bb4c1b rgb(187,76,27)
```
#bb591b
```
#bb591b rgb(187,89,27)
```

Similar Colors

Text with hexadecimal color #bb311b

This text has a font color of #bb311b.

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

#bb311b background color

This paragraph has a background color of #bb311b.

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

#bb311b border color

This element has a border color of #bb311b.

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

CSS codes

.text {color:#bb311b;}

.background {background-color:#bb311b;}

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

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

#100402
```
#100402 rgb(16,4,2)
```
#210905
```
#210905 rgb(33,9,5)
```
#320d07
```
#320d07 rgb(50,13,7)
```
#43120a
```
#43120a rgb(67,18,10)
```
#54160c
```
#54160c rgb(84,22,12)
```
#651b0f
```
#651b0f rgb(101,27,15)
```
#761f11
```
#761f11 rgb(118,31,17)
```
#882414
```
#882414 rgb(136,36,20)
```
#992816
```
#992816 rgb(153,40,22)
```
#aa2d19
```
#aa2d19 rgb(170,45,25)
```
#bb311b
```
#bb311b rgb(187,49,27)
```
#cc351d
```
#cc351d rgb(204,53,29)
```
#dd3a20
```
#dd3a20 rgb(221,58,32)
```

Shade Color Variation

#e14830
```
#e14830 rgb(225,72,48)
```
#e45741
```
#e45741 rgb(228,87,65)
```
#e66652
```
#e66652 rgb(230,102,82)
```
#e97663
```
#e97663 rgb(233,118,99)
```
#eb8574
```
#eb8574 rgb(235,133,116)
```
#ed9485
```
#ed9485 rgb(237,148,133)
```
#f0a397
```
#f0a397 rgb(240,163,151)
```
#f2b2a8
```
#f2b2a8 rgb(242,178,168)
```
#f5c1b9
```
#f5c1b9 rgb(245,193,185)
```
#f7d0ca
```
#f7d0ca rgb(247,208,202)
```
#fadfdb
```
#fadfdb rgb(250,223,219)
```
#fcefec
```
#fcefec rgb(252,239,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#716765
```
#716765 rgb(113,103,101)
```
#79615d
```
#79615d rgb(121,97,93)
```
#815b55
```
#815b55 rgb(129,91,85)
```
#8a554c
```
#8a554c rgb(138,85,76)
```
#924f44
```
#924f44 rgb(146,79,68)
```
#9a493c
```
#9a493c rgb(154,73,60)
```
#a24334
```
#a24334 rgb(162,67,52)
```
#ab3d2b
```
#ab3d2b rgb(171,61,43)
```
#b33723
```
#b33723 rgb(179,55,35)
```
#bb311b
```
#bb311b rgb(187,49,27)
```
#c32b13
```
#c32b13 rgb(195,43,19)
```
#cb250b
```
#cb250b rgb(203,37,11)
```
#d41f02
```
#d41f02 rgb(212,31,2)
```

Tone Color Variation

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

Dichromacy

#776c33 Protanopia 1% of men
#876716 Deuteranopia 1% of men
#bf393b Tritanopia 0.001% of the population

Trichromacy

#90562a Protanomaly 1% of men, 0.01% of women
#9a5318 Deuteranomaly 6% of men, 0.4% of women
#bd362f Tritanomaly 0.01% of the population

#bb311b hex color

#bb311b Color Information

#bb311b Color Conversion

Color Schemes with #bb311b

Alternatives to #bb311b

#bb311b Preview

Shades and Tints of #bb311b

Tones of #bb311b

Color Blindness Simulator