#bb310f hex color

In a RGB color space, hex #bb310f is composed of 73.3% red, 19.2% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.8% magenta, 92% yellow and 26.7% black. It has a hue angle of 11.9 degrees, a saturation of 85.1% and a lightness of 39.6%. #bb310f color hex could be obtained by blending #ff621e with #770000. Closest websafe color is: #cc3300.

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

● #bb310f color description : Strong red.

The hexadecimal color #bb310f has RGB values of R:187, G:49, B:15 and CMYK values of C:0, M:0.74, Y:0.92, K:0.27. Its decimal value is 12267791.

Hex triplet	bb310f	`#bb310f`
RGB Decimal	187, 49, 15	`rgb(187,49,15)`
RGB Percent	73.3, 19.2, 5.9	`rgb(73.3%,19.2%,5.9%)`
CMYK	0, 74, 92, 27
HSL	11.9°, 85.1, 39.6	`hsl(11.9,85.1%,39.6%)`
HSV (or HSB)	11.9°, 92, 73.3
Web Safe	cc3300	`#cc3300`

CIE-LAB	42.458, 53.521, 50.023
XYZ	21.679, 12.799, 1.781
xyY	0.598, 0.353, 12.799
CIE-LCH	42.458, 73.258, 43.065
CIE-LUV	42.458, 109.357, 31.81
Hunter-Lab	35.775, 45.562, 22.091
Binary	10111011, 00110001, 00001111

#bb310f
```
#bb310f rgb(187,49,15)
```
#0f99bb
```
#0f99bb rgb(15,153,187)
```

Complementary Color

#bb0f43
```
#bb0f43 rgb(187,15,67)
```
#bb310f
```
#bb310f rgb(187,49,15)
```
#bb870f
```
#bb870f rgb(187,135,15)
```

Analogous Color

#0f43bb
```
#0f43bb rgb(15,67,187)
```
#bb310f
```
#bb310f rgb(187,49,15)
```
#0fbb87
```
#0fbb87 rgb(15,187,135)
```

Split Complementary Color

#310fbb
```
#310fbb rgb(49,15,187)
```
#bb310f
```
#bb310f rgb(187,49,15)
```
#0fbb31
```
#0fbb31 rgb(15,187,49)
```

Triadic Color

#bb0f99
```
#bb0f99 rgb(187,15,153)
```
#bb310f
```
#bb310f rgb(187,49,15)
```
#0fbb31
```
#0fbb31 rgb(15,187,49)
```
#0f99bb
```
#0f99bb rgb(15,153,187)
```

Tetradic Color

#741e09
```
#741e09 rgb(116,30,9)
```
#8c250b
```
#8c250b rgb(140,37,11)
```
#a32b0d
```
#a32b0d rgb(163,43,13)
```
#bb310f
```
#bb310f rgb(187,49,15)
```
#d33711
```
#d33711 rgb(211,55,17)
```
#ea3d13
```
#ea3d13 rgb(234,61,19)
```
#ee5029
```
#ee5029 rgb(238,80,41)
```

Monochromatic Color

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

#bb0f18
```
#bb0f18 rgb(187,15,24)
```
#bb140f
```
#bb140f rgb(187,20,15)
```
#bb230f
```
#bb230f rgb(187,35,15)
```
#bb310f
```
#bb310f rgb(187,49,15)
```
#bb3f0f
```
#bb3f0f rgb(187,63,15)
```
#bb4e0f
```
#bb4e0f rgb(187,78,15)
```
#bb5c0f
```
#bb5c0f rgb(187,92,15)
```

Similar Colors

Text with hexadecimal color #bb310f

This text has a font color of #bb310f.

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

#bb310f background color

This paragraph has a background color of #bb310f.

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

#bb310f border color

This element has a border color of #bb310f.

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

CSS codes

.text {color:#bb310f;}

.background {background-color:#bb310f;}

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

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

#050100
```
#050100 rgb(5,1,0)
```
#180602
```
#180602 rgb(24,6,2)
```
#2a0b03
```
#2a0b03 rgb(42,11,3)
```
#3c1005
```
#3c1005 rgb(60,16,5)
```
#4e1406
```
#4e1406 rgb(78,20,6)
```
#601908
```
#601908 rgb(96,25,8)
```
#721e09
```
#721e09 rgb(114,30,9)
```
#85230b
```
#85230b rgb(133,35,11)
```
#97270c
```
#97270c rgb(151,39,12)
```
#a92c0e
```
#a92c0e rgb(169,44,14)
```
#bb310f
```
#bb310f rgb(187,49,15)
```
#cd3610
```
#cd3610 rgb(205,54,16)
```
#df3b12
```
#df3b12 rgb(223,59,18)
```

Shade Color Variation

#ec4218
```
#ec4218 rgb(236,66,24)
```
#ee512b
```
#ee512b rgb(238,81,43)
```
#ef603d
```
#ef603d rgb(239,96,61)
```
#f16f4f
```
#f16f4f rgb(241,111,79)
```
#f27e61
```
#f27e61 rgb(242,126,97)
```
#f48d73
```
#f48d73 rgb(244,141,115)
```
#f59b85
```
#f59b85 rgb(245,155,133)
```
#f7aa97
```
#f7aa97 rgb(247,170,151)
```
#f8b9aa
```
#f8b9aa rgb(248,185,170)
```
#fac8bc
```
#fac8bc rgb(250,200,188)
```
#fbd7ce
```
#fbd7ce rgb(251,215,206)
```
#fde6e0
```
#fde6e0 rgb(253,230,224)
```
#fef5f2
```
#fef5f2 rgb(254,245,242)
```

Tint Color Variation

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

#666564
```
#666564 rgb(102,101,100)
```
#6d605d
```
#6d605d rgb(109,96,93)
```
#755b55
```
#755b55 rgb(117,91,85)
```
#7d574d
```
#7d574d rgb(125,87,77)
```
#855245
```
#855245 rgb(133,82,69)
```
#8c4d3e
```
#8c4d3e rgb(140,77,62)
```
#944836
```
#944836 rgb(148,72,54)
```
#9c442e
```
#9c442e rgb(156,68,46)
```
#a43f26
```
#a43f26 rgb(164,63,38)
```
#ab3a1f
```
#ab3a1f rgb(171,58,31)
```
#b33617
```
#b33617 rgb(179,54,23)
```
#bb310f
```
#bb310f rgb(187,49,15)
```
#c32c07
```
#c32c07 rgb(195,44,7)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6a4f48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#786c26 Protanopia 1% of men
#876700 Deuteranopia 1% of men
#bf383a Tritanopia 0.001% of the population

Trichromacy

#90561e Protanomaly 1% of men, 0.01% of women
#9a5305 Deuteranomaly 6% of men, 0.4% of women
#bd352a Tritanomaly 0.01% of the population

#bb310f hex color

#bb310f Color Information

#bb310f Color Conversion

Color Schemes with #bb310f

Alternatives to #bb310f

#bb310f Preview

Shades and Tints of #bb310f

Tones of #bb310f

Color Blindness Simulator