#bb550b Color Information
In a RGB color space, hex #bb550b is composed of 73.3% red, 33.3% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.5% magenta, 94.1% yellow and 26.7% black. It has a hue angle of 25.2 degrees, a saturation of 88.9% and a lightness of 38.8%. #bb550b color hex could be obtained by blending #ffaa16 with #770000. Closest websafe color is: #cc6600.
-
- R 73
- G 33
- B 4
-
- C 0
- M 55
- Y 94
- K 27
● #bb550b color description : Strong orange.
#bb550b Color Conversion
The hexadecimal color #bb550b has RGB values of R:187, G:85, B:11 and CMYK values of C:0, M:0.55, Y:0.94, K:0.27. Its decimal value is 12277003.
Hex triplet | bb550b | #bb550b |
---|---|---|
RGB Decimal | 187, 85, 11 | rgb(187,85,11) |
RGB Percent | 73.3, 33.3, 4.3 | rgb(73.3%,33.3%,4.3%) |
CMYK | 0, 55, 94, 27 | |
HSL | 25.2°, 88.9, 38.8 | hsl(25.2,88.9%,38.8%) |
HSV (or HSB) | 25.2°, 94.1, 73.3 | |
Web Safe | cc6600 | #cc6600 |
CIE-LAB | 48.371, 37.702, 55.21 |
---|---|
XYZ | 23.803, 17.088, 2.362 |
xyY | 0.55, 0.395, 17.088 |
CIE-LCH | 48.371, 66.855, 55.671 |
CIE-LUV | 48.371, 84.054, 42.218 |
Hunter-Lab | 41.338, 30.443, 25.55 |
Binary | 10111011, 01010101, 00001011 |
Color Schemes with #bb550b
Alternatives to #bb550b
Below, you can see some colors close to #bb550b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb550b Preview
This text has a font color of #bb550b.
<span style="color:#bb550b;">Text here</span>
This paragraph has a background color of #bb550b.
<p style="background-color:#bb550b;">Content here</p>
This element has a border color of #bb550b.
<div style="border:1px solid #bb550b;">Content here</div>
.text {color:#bb550b;}
.background {background-color:#bb550b;}
.border {border:1px solid #bb550b;}
Shades and Tints of #bb550b
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 #fef5ee is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#140901
#140901
rgb(20,9,1)
-
#271202
#271202
rgb(39,18,2)
-
#391a03
#391a03
rgb(57,26,3)
-
#4c2204
#4c2204
rgb(76,34,4)
-
#5e2b06
#5e2b06
rgb(94,43,6)
-
#713307
#713307
rgb(113,51,7)
-
#833c08
#833c08
rgb(131,60,8)
-
#964409
#964409
rgb(150,68,9)
-
#a84d0a
#a84d0a
rgb(168,77,10)
-
#bb550b
#bb550b
rgb(187,85,11)
-
#ce5d0c
#ce5d0c
rgb(206,93,12)
-
#e0660d
#e0660d
rgb(224,102,13)
-
#f16f10
#f16f10
rgb(241,111,16)
-
#f27a22
#f27a22
rgb(242,122,34)
-
#f38535
#f38535
rgb(243,133,53)
-
#f49047
#f49047
rgb(244,144,71)
-
#f59b5a
#f59b5a
rgb(245,155,90)
-
#f6a66d
#f6a66d
rgb(246,166,109)
-
#f7b27f
#f7b27f
rgb(247,178,127)
-
#f9bd92
#f9bd92
rgb(249,189,146)
-
#fac8a4
#fac8a4
rgb(250,200,164)
-
#fbd3b7
#fbd3b7
rgb(251,211,183)
-
#fcdec9
#fcdec9
rgb(252,222,201)
-
#fdeadc
#fdeadc
rgb(253,234,220)
-
#fef5ee
#fef5ee
rgb(254,245,238)
Tones of #bb550b
A tone is produced by adding gray to any pure hue. In this case, #67625f is the less saturated color, while #c35403 is the most saturated one.
-
#67625f
#67625f
rgb(103,98,95)
-
#6f6157
#6f6157
rgb(111,97,87)
-
#766050
#766050
rgb(118,96,80)
-
#7e5f48
#7e5f48
rgb(126,95,72)
-
#865d40
#865d40
rgb(134,93,64)
-
#8d5c39
#8d5c39
rgb(141,92,57)
-
#955b31
#955b31
rgb(149,91,49)
-
#9d5a29
#9d5a29
rgb(157,90,41)
-
#a45922
#a45922
rgb(164,89,34)
-
#ac571a
#ac571a
rgb(172,87,26)
-
#b35613
#b35613
rgb(179,86,19)
-
#bb550b
#bb550b
rgb(187,85,11)
-
#c35403
#c35403
rgb(195,84,3)
Color Blindness Simulator
Below, you can see how #bb550b 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.