#bb311d hex color

In a RGB color space, hex #bb311d is composed of 73.3% red, 19.2% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.8% magenta, 84.5% yellow and 26.7% black. It has a hue angle of 7.6 degrees, a saturation of 73.1% and a lightness of 42.4%. #bb311d color hex could be obtained by blending #ff623a with #770000. Closest websafe color is: #cc3333.

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

● #bb311d color description : Strong red.

The hexadecimal color #bb311d has RGB values of R:187, G:49, B:29 and CMYK values of C:0, M:0.74, Y:0.84, K:0.27. Its decimal value is 12267805.

Hex triplet	bb311d	`#bb311d`
RGB Decimal	187, 49, 29	`rgb(187,49,29)`
RGB Percent	73.3, 19.2, 11.4	`rgb(73.3%,19.2%,11.4%)`
CMYK	0, 74, 84, 27
HSL	7.6°, 73.1, 42.4	`hsl(7.6,73.1%,42.4%)`
HSV (or HSB)	7.6°, 84.5, 73.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.541, 53.801, 44.129
XYZ	21.815, 12.853, 2.495
xyY	0.587, 0.346, 12.853
CIE-LCH	42.541, 69.583, 39.36
CIE-LUV	42.541, 107.873, 29.04
Hunter-Lab	35.851, 45.876, 20.97
Binary	10111011, 00110001, 00011101

#bb311d
```
#bb311d rgb(187,49,29)
```
#1da7bb
```
#1da7bb rgb(29,167,187)
```

Complementary Color

#bb1d58
```
#bb1d58 rgb(187,29,88)
```
#bb311d
```
#bb311d rgb(187,49,29)
```
#bb801d
```
#bb801d rgb(187,128,29)
```

Analogous Color

#1d58bb
```
#1d58bb rgb(29,88,187)
```
#bb311d
```
#bb311d rgb(187,49,29)
```
#1dbb80
```
#1dbb80 rgb(29,187,128)
```

Split Complementary Color

#311dbb
```
#311dbb rgb(49,29,187)
```
#bb311d
```
#bb311d rgb(187,49,29)
```
#1dbb31
```
#1dbb31 rgb(29,187,49)
```

Triadic Color

#bb1da7
```
#bb1da7 rgb(187,29,167)
```
#bb311d
```
#bb311d rgb(187,49,29)
```
#1dbb31
```
#1dbb31 rgb(29,187,49)
```
#1da7bb
```
#1da7bb rgb(29,167,187)
```

Tetradic Color

#792013
```
#792013 rgb(121,32,19)
```
#8f2516
```
#8f2516 rgb(143,37,22)
```
#a52b1a
```
#a52b1a rgb(165,43,26)
```
#bb311d
```
#bb311d rgb(187,49,29)
```
#d13720
```
#d13720 rgb(209,55,32)
```
#de432d
```
#de432d rgb(222,67,45)
```
#e25743
```
#e25743 rgb(226,87,67)
```

Monochromatic Color

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

#bb1d31
```
#bb1d31 rgb(187,29,49)
```
#bb1d23
```
#bb1d23 rgb(187,29,35)
```
#bb241d
```
#bb241d rgb(187,36,29)
```
#bb311d
```
#bb311d rgb(187,49,29)
```
#bb3e1d
```
#bb3e1d rgb(187,62,29)
```
#bb4b1d
```
#bb4b1d rgb(187,75,29)
```
#bb591d
```
#bb591d rgb(187,89,29)
```

Similar Colors

Text with hexadecimal color #bb311d

This text has a font color of #bb311d.

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

#bb311d background color

This paragraph has a background color of #bb311d.

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

#bb311d border color

This element has a border color of #bb311d.

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

CSS codes

.text {color:#bb311d;}

.background {background-color:#bb311d;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#110503
```
#110503 rgb(17,5,3)
```
#220905
```
#220905 rgb(34,9,5)
```
#330d08
```
#330d08 rgb(51,13,8)
```
#44120b
```
#44120b rgb(68,18,11)
```
#55160d
```
#55160d rgb(85,22,13)
```
#661b10
```
#661b10 rgb(102,27,16)
```
#771f12
```
#771f12 rgb(119,31,18)
```
#882415
```
#882415 rgb(136,36,21)
```
#992818
```
#992818 rgb(153,40,24)
```
#aa2d1a
```
#aa2d1a rgb(170,45,26)
```
#bb311d
```
#bb311d rgb(187,49,29)
```
#cc3520
```
#cc3520 rgb(204,53,32)
```

Shade Color Variation

#dd3a22
```
#dd3a22 rgb(221,58,34)
```
#df4933
```
#df4933 rgb(223,73,51)
```
#e25844
```
#e25844 rgb(226,88,68)
```
#e56855
```
#e56855 rgb(229,104,85)
```
#e77766
```
#e77766 rgb(231,119,102)
```
#ea8677
```
#ea8677 rgb(234,134,119)
```
#ed9588
```
#ed9588 rgb(237,149,136)
```
#efa499
```
#efa499 rgb(239,164,153)
```
#f2b3aa
```
#f2b3aa rgb(242,179,170)
```
#f4c3bb
```
#f4c3bb rgb(244,195,187)
```
#f7d2cc
```
#f7d2cc rgb(247,210,204)
```
#fae1dd
```
#fae1dd rgb(250,225,221)
```
#fcf0ee
```
#fcf0ee rgb(252,240,238)
```

Tint Color Variation

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

#706968
```
#706968 rgb(112,105,104)
```
#79635f
```
#79635f rgb(121,99,95)
```
#815c57
```
#815c57 rgb(129,92,87)
```
#89564f
```
#89564f rgb(137,86,79)
```
#915047
```
#915047 rgb(145,80,71)
```
#9a4a3e
```
#9a4a3e rgb(154,74,62)
```
#a24436
```
#a24436 rgb(162,68,54)
```
#aa3d2e
```
#aa3d2e rgb(170,61,46)
```
#b33725
```
#b33725 rgb(179,55,37)
```
#bb311d
```
#bb311d rgb(187,49,29)
```
#c32b15
```
#c32b15 rgb(195,43,21)
```
#cc250c
```
#cc250c rgb(204,37,12)
```
#d41e04
```
#d41e04 rgb(212,30,4)
```

Tone Color Variation

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

#776c35 Protanopia 1% of men
#876719 Deuteranopia 1% of men
#bf393b Tritanopia 0.001% of the population

Trichromacy

#90562c Protanomaly 1% of men, 0.01% of women
#9a531a Deuteranomaly 6% of men, 0.4% of women
#bd3630 Tritanomaly 0.01% of the population

#bb311d hex color

#bb311d Color Information

#bb311d Color Conversion

Color Schemes with #bb311d

Alternatives to #bb311d

#bb311d Preview

Shades and Tints of #bb311d

Tones of #bb311d

Color Blindness Simulator