#bb281f hex color

In a RGB color space, hex #bb281f is composed of 73.3% red, 15.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.6% magenta, 83.4% yellow and 26.7% black. It has a hue angle of 3.5 degrees, a saturation of 71.6% and a lightness of 42.7%. #bb281f color hex could be obtained by blending #ff503e with #770000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 73
- G 16
- B 12
RGB color chart
- C 0
- M 79
- Y 83
- K 27
CMYK color chart

● #bb281f color description : Strong red.

The hexadecimal color #bb281f has RGB values of R:187, G:40, B:31 and CMYK values of C:0, M:0.79, Y:0.83, K:0.27. Its decimal value is 12265503.

Hex triplet	bb281f	`#bb281f`
RGB Decimal	187, 40, 31	`rgb(187,40,31)`
RGB Percent	73.3, 15.7, 12.2	`rgb(73.3%,15.7%,12.2%)`
CMYK	0, 79, 83, 27
HSL	3.5°, 71.6, 42.7	`hsl(3.5,71.6%,42.7%)`
HSV (or HSB)	3.5°, 83.4, 73.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	41.507, 56.78, 42.185
XYZ	21.501, 12.184, 2.516
xyY	0.594, 0.337, 12.184
CIE-LCH	41.507, 70.736, 36.611
CIE-LUV	41.507, 112.344, 26.643
Hunter-Lab	34.906, 48.866, 20.16
Binary	10111011, 00101000, 00011111

#bb281f
```
#bb281f rgb(187,40,31)
```
#1fb2bb
```
#1fb2bb rgb(31,178,187)
```

Complementary Color

#bb1f64
```
#bb1f64 rgb(187,31,100)
```
#bb281f
```
#bb281f rgb(187,40,31)
```
#bb761f
```
#bb761f rgb(187,118,31)
```

Analogous Color

#1f64bb
```
#1f64bb rgb(31,100,187)
```
#bb281f
```
#bb281f rgb(187,40,31)
```
#1fbb76
```
#1fbb76 rgb(31,187,118)
```

Split Complementary Color

#281fbb
```
#281fbb rgb(40,31,187)
```
#bb281f
```
#bb281f rgb(187,40,31)
```
#1fbb28
```
#1fbb28 rgb(31,187,40)
```

Triadic Color

#bb1fb2
```
#bb1fb2 rgb(187,31,178)
```
#bb281f
```
#bb281f rgb(187,40,31)
```
#1fbb28
```
#1fbb28 rgb(31,187,40)
```
#1fb2bb
```
#1fb2bb rgb(31,178,187)
```

Tetradic Color

#791a14
```
#791a14 rgb(121,26,20)
```
#8f1f18
```
#8f1f18 rgb(143,31,24)
```
#a5231b
```
#a5231b rgb(165,35,27)
```
#bb281f
```
#bb281f rgb(187,40,31)
```
#d12d23
```
#d12d23 rgb(209,45,35)
```
#dd3a30
```
#dd3a30 rgb(221,58,48)
```
#e04f46
```
#e04f46 rgb(224,79,70)
```

Monochromatic Color

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

#bb1f3d
```
#bb1f3d rgb(187,31,61)
```
#bb1f30
```
#bb1f30 rgb(187,31,48)
```
#bb1f23
```
#bb1f23 rgb(187,31,35)
```
#bb281f
```
#bb281f rgb(187,40,31)
```
#bb351f
```
#bb351f rgb(187,53,31)
```
#bb421f
```
#bb421f rgb(187,66,31)
```
#bb4f1f
```
#bb4f1f rgb(187,79,31)
```

Similar Colors

Text with hexadecimal color #bb281f

This text has a font color of #bb281f.

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

#bb281f background color

This paragraph has a background color of #bb281f.

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

#bb281f border color

This element has a border color of #bb281f.

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

CSS codes

.text {color:#bb281f;}

.background {background-color:#bb281f;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#130403
```
#130403 rgb(19,4,3)
```
#240806
```
#240806 rgb(36,8,6)
```
#340b09
```
#340b09 rgb(52,11,9)
```
#450f0b
```
#450f0b rgb(69,15,11)
```
#56120e
```
#56120e rgb(86,18,14)
```
#671611
```
#671611 rgb(103,22,17)
```
#781a14
```
#781a14 rgb(120,26,20)
```
#891d17
```
#891d17 rgb(137,29,23)
```
#992119
```
#992119 rgb(153,33,25)
```
#aa241c
```
#aa241c rgb(170,36,28)
```
#bb281f
```
#bb281f rgb(187,40,31)
```
#cc2c22
```
#cc2c22 rgb(204,44,34)
```

Shade Color Variation

#db3126
```
#db3126 rgb(219,49,38)
```
#de4137
```
#de4137 rgb(222,65,55)
```
#e15148
```
#e15148 rgb(225,81,72)
```
#e36159
```
#e36159 rgb(227,97,89)
```
#e67169
```
#e67169 rgb(230,113,105)
```
#e9817a
```
#e9817a rgb(233,129,122)
```
#ec918b
```
#ec918b rgb(236,145,139)
```
#efa19c
```
#efa19c rgb(239,161,156)
```
#f1b1ad
```
#f1b1ad rgb(241,177,173)
```
#f4c1be
```
#f4c1be rgb(244,193,190)
```
#f7d1ce
```
#f7d1ce rgb(247,209,206)
```
#fae1df
```
#fae1df rgb(250,225,223)
```
#fdf1f0
```
#fdf1f0 rgb(253,241,240)
```

Tint Color Variation

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

#706b6a
```
#706b6a rgb(112,107,106)
```
#786362
```
#786362 rgb(120,99,98)
```
#805c5a
```
#805c5a rgb(128,92,90)
```
#895551
```
#895551 rgb(137,85,81)
```
#914d49
```
#914d49 rgb(145,77,73)
```
#994641
```
#994641 rgb(153,70,65)
```
#a23e38
```
#a23e38 rgb(162,62,56)
```
#aa3730
```
#aa3730 rgb(170,55,48)
```
#b32f27
```
#b32f27 rgb(179,47,39)
```
#bb281f
```
#bb281f rgb(187,40,31)
```
#c32117
```
#c32117 rgb(195,33,23)
```
#cc190e
```
#cc190e rgb(204,25,14)
```
#d41206
```
#d41206 rgb(212,18,6)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#684a49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#746a38 Protanopia 1% of men
#84651b Deuteranopia 1% of men
#be3233 Tritanopia 0.001% of the population

Trichromacy

#8e522f Protanomaly 1% of men, 0.01% of women
#984e1d Deuteranomaly 6% of men, 0.4% of women
#bd2e2b Tritanomaly 0.01% of the population

#bb281f hex color

#bb281f Color Information

#bb281f Color Conversion

Color Schemes with #bb281f

Alternatives to #bb281f

#bb281f Preview

Shades and Tints of #bb281f

Tones of #bb281f

Color Blindness Simulator