#bb301b hex color

In a RGB color space, hex #bb301b is composed of 73.3% red, 18.8% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.3% magenta, 85.6% yellow and 26.7% black. It has a hue angle of 7.9 degrees, a saturation of 74.8% and a lightness of 42%. #bb301b color hex could be obtained by blending #ff6036 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

● #bb301b color description : Strong red.

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

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

CIE-LAB	42.4, 54.1, 44.969
XYZ	21.749, 12.76, 2.355
xyY	0.59, 0.346, 12.76
CIE-LCH	42.4, 70.349, 39.734
CIE-LUV	42.4, 108.701, 29.302
Hunter-Lab	35.722, 46.167, 21.097
Binary	10111011, 00110000, 00011011

#bb301b
```
#bb301b rgb(187,48,27)
```
#1ba6bb
```
#1ba6bb rgb(27,166,187)
```

Complementary Color

#bb1b56
```
#bb1b56 rgb(187,27,86)
```
#bb301b
```
#bb301b rgb(187,48,27)
```
#bb801b
```
#bb801b rgb(187,128,27)
```

Analogous Color

#1b56bb
```
#1b56bb rgb(27,86,187)
```
#bb301b
```
#bb301b rgb(187,48,27)
```
#1bbb80
```
#1bbb80 rgb(27,187,128)
```

Split Complementary Color

#301bbb
```
#301bbb rgb(48,27,187)
```
#bb301b
```
#bb301b rgb(187,48,27)
```
#1bbb30
```
#1bbb30 rgb(27,187,48)
```

Triadic Color

#bb1ba6
```
#bb1ba6 rgb(187,27,166)
```
#bb301b
```
#bb301b rgb(187,48,27)
```
#1bbb30
```
#1bbb30 rgb(27,187,48)
```
#1ba6bb
```
#1ba6bb rgb(27,166,187)
```

Tetradic Color

#781f11
```
#781f11 rgb(120,31,17)
```
#8e2515
```
#8e2515 rgb(142,37,21)
```
#a52a18
```
#a52a18 rgb(165,42,24)
```
#bb301b
```
#bb301b rgb(187,48,27)
```
#d1361e
```
#d1361e rgb(209,54,30)
```
#e04129
```
#e04129 rgb(224,65,41)
```
#e3553f
```
#e3553f rgb(227,85,63)
```

Monochromatic Color

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

#bb1b2e
```
#bb1b2e rgb(187,27,46)
```
#bb1b21
```
#bb1b21 rgb(187,27,33)
```
#bb231b
```
#bb231b rgb(187,35,27)
```
#bb301b
```
#bb301b rgb(187,48,27)
```
#bb3d1b
```
#bb3d1b rgb(187,61,27)
```
#bb4b1b
```
#bb4b1b rgb(187,75,27)
```
#bb581b
```
#bb581b rgb(187,88,27)
```

Similar Colors

Text with hexadecimal color #bb301b

This text has a font color of #bb301b.

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

#bb301b background color

This paragraph has a background color of #bb301b.

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

#bb301b border color

This element has a border color of #bb301b.

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

CSS codes

.text {color:#bb301b;}

.background {background-color:#bb301b;}

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

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)
```
#210805
```
#210805 rgb(33,8,5)
```
#320d07
```
#320d07 rgb(50,13,7)
```
#43110a
```
#43110a rgb(67,17,10)
```
#54160c
```
#54160c rgb(84,22,12)
```
#651a0f
```
#651a0f rgb(101,26,15)
```
#761e11
```
#761e11 rgb(118,30,17)
```
#882314
```
#882314 rgb(136,35,20)
```
#992716
```
#992716 rgb(153,39,22)
```
#aa2c19
```
#aa2c19 rgb(170,44,25)
```
#bb301b
```
#bb301b rgb(187,48,27)
```
#cc341d
```
#cc341d rgb(204,52,29)
```
#dd3920
```
#dd3920 rgb(221,57,32)
```

Shade Color Variation

#e14730
```
#e14730 rgb(225,71,48)
```
#e45641
```
#e45641 rgb(228,86,65)
```
#e66552
```
#e66552 rgb(230,101,82)
```
#e97563
```
#e97563 rgb(233,117,99)
```
#eb8474
```
#eb8474 rgb(235,132,116)
```
#ed9385
```
#ed9385 rgb(237,147,133)
```
#f0a297
```
#f0a297 rgb(240,162,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)
```
#fceeec
```
#fceeec rgb(252,238,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 #d41e02 is the most saturated one.

#716765
```
#716765 rgb(113,103,101)
```
#79615d
```
#79615d rgb(121,97,93)
```
#815a55
```
#815a55 rgb(129,90,85)
```
#8a544c
```
#8a544c rgb(138,84,76)
```
#924e44
```
#924e44 rgb(146,78,68)
```
#9a483c
```
#9a483c rgb(154,72,60)
```
#a24234
```
#a24234 rgb(162,66,52)
```
#ab3c2b
```
#ab3c2b rgb(171,60,43)
```
#b33623
```
#b33623 rgb(179,54,35)
```
#bb301b
```
#bb301b rgb(187,48,27)
```
#c32a13
```
#c32a13 rgb(195,42,19)
```
#cb240b
```
#cb240b rgb(203,36,11)
```
#d41e02
```
#d41e02 rgb(212,30,2)
```

Tone Color Variation

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

Dichromacy

#776c33 Protanopia 1% of men
#876616 Deuteranopia 1% of men
#bf383a Tritanopia 0.001% of the population

Trichromacy

#90562a Protanomaly 1% of men, 0.01% of women
#995218 Deuteranomaly 6% of men, 0.4% of women
#bd352e Tritanomaly 0.01% of the population

#bb301b hex color

#bb301b Color Information

#bb301b Color Conversion

Color Schemes with #bb301b

Alternatives to #bb301b

#bb301b Preview

Shades and Tints of #bb301b

Tones of #bb301b

Color Blindness Simulator