#bb331d hex color

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

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

● #bb331d color description : Strong red.

The hexadecimal color #bb331d has RGB values of R:187, G:51, B:29 and CMYK values of C:0, M:0.73, Y:0.84, K:0.27. Its decimal value is 12268317.

Hex triplet	bb331d	`#bb331d`
RGB Decimal	187, 51, 29	`rgb(187,51,29)`
RGB Percent	73.3, 20, 11.4	`rgb(73.3%,20%,11.4%)`
CMYK	0, 73, 84, 27
HSL	8.4°, 73.1, 42.4	`hsl(8.4,73.1%,42.4%)`
HSV (or HSB)	8.4°, 84.5, 73.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.799, 53.086, 44.359
XYZ	21.9, 13.024, 2.523
xyY	0.585, 0.348, 13.024
CIE-LCH	42.799, 69.18, 39.882
CIE-LUV	42.799, 106.714, 29.499
Hunter-Lab	36.088, 45.167, 21.117
Binary	10111011, 00110011, 00011101

#bb331d
```
#bb331d rgb(187,51,29)
```
#1da5bb
```
#1da5bb rgb(29,165,187)
```

Complementary Color

#bb1d56
```
#bb1d56 rgb(187,29,86)
```
#bb331d
```
#bb331d rgb(187,51,29)
```
#bb821d
```
#bb821d rgb(187,130,29)
```

Analogous Color

#1d56bb
```
#1d56bb rgb(29,86,187)
```
#bb331d
```
#bb331d rgb(187,51,29)
```
#1dbb82
```
#1dbb82 rgb(29,187,130)
```

Split Complementary Color

#331dbb
```
#331dbb rgb(51,29,187)
```
#bb331d
```
#bb331d rgb(187,51,29)
```
#1dbb33
```
#1dbb33 rgb(29,187,51)
```

Triadic Color

#bb1da5
```
#bb1da5 rgb(187,29,165)
```
#bb331d
```
#bb331d rgb(187,51,29)
```
#1dbb33
```
#1dbb33 rgb(29,187,51)
```
#1da5bb
```
#1da5bb rgb(29,165,187)
```

Tetradic Color

#792113
```
#792113 rgb(121,33,19)
```
#8f2716
```
#8f2716 rgb(143,39,22)
```
#a52d1a
```
#a52d1a rgb(165,45,26)
```
#bb331d
```
#bb331d rgb(187,51,29)
```
#d13920
```
#d13920 rgb(209,57,32)
```
#de452d
```
#de452d rgb(222,69,45)
```
#e25943
```
#e25943 rgb(226,89,67)
```

Monochromatic Color

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

#bb1d2e
```
#bb1d2e rgb(187,29,46)
```
#bb1d21
```
#bb1d21 rgb(187,29,33)
```
#bb261d
```
#bb261d rgb(187,38,29)
```
#bb331d
```
#bb331d rgb(187,51,29)
```
#bb401d
```
#bb401d rgb(187,64,29)
```
#bb4d1d
```
#bb4d1d rgb(187,77,29)
```
#bb5b1d
```
#bb5b1d rgb(187,91,29)
```

Similar Colors

Text with hexadecimal color #bb331d

This text has a font color of #bb331d.

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

#bb331d background color

This paragraph has a background color of #bb331d.

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

#bb331d border color

This element has a border color of #bb331d.

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

CSS codes

.text {color:#bb331d;}

.background {background-color:#bb331d;}

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

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)
```
#330e08
```
#330e08 rgb(51,14,8)
```
#44130b
```
#44130b rgb(68,19,11)
```
#55170d
```
#55170d rgb(85,23,13)
```
#661c10
```
#661c10 rgb(102,28,16)
```
#772012
```
#772012 rgb(119,32,18)
```
#882515
```
#882515 rgb(136,37,21)
```
#992a18
```
#992a18 rgb(153,42,24)
```
#aa2e1a
```
#aa2e1a rgb(170,46,26)
```
#bb331d
```
#bb331d rgb(187,51,29)
```
#cc3820
```
#cc3820 rgb(204,56,32)
```

Shade Color Variation

#dd3c22
```
#dd3c22 rgb(221,60,34)
```
#df4b33
```
#df4b33 rgb(223,75,51)
```
#e25a44
```
#e25a44 rgb(226,90,68)
```
#e56955
```
#e56955 rgb(229,105,85)
```
#e77866
```
#e77866 rgb(231,120,102)
```
#ea8777
```
#ea8777 rgb(234,135,119)
```
#ed9688
```
#ed9688 rgb(237,150,136)
```
#efa599
```
#efa599 rgb(239,165,153)
```
#f2b4aa
```
#f2b4aa rgb(242,180,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 #d42104 is the most saturated one.

#706968
```
#706968 rgb(112,105,104)
```
#79635f
```
#79635f rgb(121,99,95)
```
#815d57
```
#815d57 rgb(129,93,87)
```
#89574f
```
#89574f rgb(137,87,79)
```
#915147
```
#915147 rgb(145,81,71)
```
#9a4b3e
```
#9a4b3e rgb(154,75,62)
```
#a24536
```
#a24536 rgb(162,69,54)
```
#aa3f2e
```
#aa3f2e rgb(170,63,46)
```
#b33925
```
#b33925 rgb(179,57,37)
```
#bb331d
```
#bb331d rgb(187,51,29)
```
#c32d15
```
#c32d15 rgb(195,45,21)
```
#cc270c
```
#cc270c rgb(204,39,12)
```
#d42104
```
#d42104 rgb(212,33,4)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#6d514d Atypical Achromatopsia 0.001% of the population

Dichromacy

#786d34 Protanopia 1% of men
#886719 Deuteranopia 1% of men
#bf3b3d Tritanopia 0.001% of the population

Trichromacy

#90582c Protanomaly 1% of men, 0.01% of women
#9a541b Deuteranomaly 6% of men, 0.4% of women
#bd3831 Tritanomaly 0.01% of the population

#bb331d hex color

#bb331d Color Information

#bb331d Color Conversion

Color Schemes with #bb331d

Alternatives to #bb331d

#bb331d Preview

Shades and Tints of #bb331d

Tones of #bb331d

Color Blindness Simulator