#bb311f Color Information
In a RGB color space, hex #bb311f is composed of 73.3% red, 19.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.8% magenta, 83.4% yellow and 26.7% black. It has a hue angle of 6.9 degrees, a saturation of 71.6% and a lightness of 42.7%. #bb311f color hex could be obtained by blending #ff623e with #770000. Closest websafe color is: #cc3333.
-
- R 73
- G 19
- B 12
-
- C 0
- M 74
- Y 83
- K 27
● #bb311f color description : Strong red.
#bb311f Color Conversion
The hexadecimal color #bb311f has RGB values of R:187, G:49, B:31 and CMYK values of C:0, M:0.74, Y:0.83, K:0.27. Its decimal value is 12267807.
Hex triplet | bb311f | #bb311f |
---|---|---|
RGB Decimal | 187, 49, 31 | rgb(187,49,31) |
RGB Percent | 73.3, 19.2, 12.2 | rgb(73.3%,19.2%,12.2%) |
CMYK | 0, 74, 83, 27 | |
HSL | 6.9°, 71.6, 42.7 | hsl(6.9,71.6%,42.7%) |
HSV (or HSB) | 6.9°, 83.4, 73.3 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 42.556, 53.853, 43.152 |
---|---|
XYZ | 21.84, 12.863, 2.629 |
xyY | 0.585, 0.345, 12.863 |
CIE-LCH | 42.556, 69.009, 38.705 |
CIE-LUV | 42.556, 107.597, 28.525 |
Hunter-Lab | 35.865, 45.935, 20.759 |
Binary | 10111011, 00110001, 00011111 |
Color Schemes with #bb311f
Alternatives to #bb311f
Below, you can see some colors close to #bb311f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb311f Preview
This text has a font color of #bb311f.
<span style="color:#bb311f;">Text here</span>
This paragraph has a background color of #bb311f.
<p style="background-color:#bb311f;">Content here</p>
This element has a border color of #bb311f.
<div style="border:1px solid #bb311f;">Content here</div>
.text {color:#bb311f;}
.background {background-color:#bb311f;}
.border {border:1px solid #bb311f;}
Shades and Tints of #bb311f
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, #020100 is the darkest color, while #fdf2f0 is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#130503
#130503
rgb(19,5,3)
-
#240906
#240906
rgb(36,9,6)
-
#340e09
#340e09
rgb(52,14,9)
-
#45120b
#45120b
rgb(69,18,11)
-
#56170e
#56170e
rgb(86,23,14)
-
#671b11
#671b11
rgb(103,27,17)
-
#781f14
#781f14
rgb(120,31,20)
-
#892417
#892417
rgb(137,36,23)
-
#992819
#992819
rgb(153,40,25)
-
#aa2d1c
#aa2d1c
rgb(170,45,28)
-
#bb311f
#bb311f
rgb(187,49,31)
-
#cc3522
#cc3522
rgb(204,53,34)
-
#db3b26
#db3b26
rgb(219,59,38)
-
#de4a37
#de4a37
rgb(222,74,55)
-
#e15948
#e15948
rgb(225,89,72)
-
#e36959
#e36959
rgb(227,105,89)
-
#e67869
#e67869
rgb(230,120,105)
-
#e9877a
#e9877a
rgb(233,135,122)
-
#ec968b
#ec968b
rgb(236,150,139)
-
#efa59c
#efa59c
rgb(239,165,156)
-
#f1b5ad
#f1b5ad
rgb(241,181,173)
-
#f4c4be
#f4c4be
rgb(244,196,190)
-
#f7d3ce
#f7d3ce
rgb(247,211,206)
-
#fae2df
#fae2df
rgb(250,226,223)
-
#fdf2f0
#fdf2f0
rgb(253,242,240)
Tones of #bb311f
A tone is produced by adding gray to any pure hue. In this case, #706b6a is the less saturated color, while #d41e06 is the most saturated one.
-
#706b6a
#706b6a
rgb(112,107,106)
-
#786562
#786562
rgb(120,101,98)
-
#805e5a
#805e5a
rgb(128,94,90)
-
#895851
#895851
rgb(137,88,81)
-
#915149
#915149
rgb(145,81,73)
-
#994b41
#994b41
rgb(153,75,65)
-
#a24438
#a24438
rgb(162,68,56)
-
#aa3e30
#aa3e30
rgb(170,62,48)
-
#b33727
#b33727
rgb(179,55,39)
-
#bb311f
#bb311f
rgb(187,49,31)
-
#c32b17
#c32b17
rgb(195,43,23)
-
#cc240e
#cc240e
rgb(204,36,14)
-
#d41e06
#d41e06
rgb(212,30,6)
Color Blindness Simulator
Below, you can see how #bb311f 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.