#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
#020100rgb(2,1,0) -
#140901
#140901rgb(20,9,1) -
#271202
#271202rgb(39,18,2) -
#391a03
#391a03rgb(57,26,3) -
#4c2204
#4c2204rgb(76,34,4) -
#5e2b06
#5e2b06rgb(94,43,6) -
#713307
#713307rgb(113,51,7) -
#833c08
#833c08rgb(131,60,8) -
#964409
#964409rgb(150,68,9) -
#a84d0a
#a84d0argb(168,77,10) -
#bb550b
#bb550brgb(187,85,11) -
#ce5d0c
#ce5d0crgb(206,93,12) -
#e0660d
#e0660drgb(224,102,13)
-
#f16f10
#f16f10rgb(241,111,16) -
#f27a22
#f27a22rgb(242,122,34) -
#f38535
#f38535rgb(243,133,53) -
#f49047
#f49047rgb(244,144,71) -
#f59b5a
#f59b5argb(245,155,90) -
#f6a66d
#f6a66drgb(246,166,109) -
#f7b27f
#f7b27frgb(247,178,127) -
#f9bd92
#f9bd92rgb(249,189,146) -
#fac8a4
#fac8a4rgb(250,200,164) -
#fbd3b7
#fbd3b7rgb(251,211,183) -
#fcdec9
#fcdec9rgb(252,222,201) -
#fdeadc
#fdeadcrgb(253,234,220) -
#fef5ee
#fef5eergb(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
#67625frgb(103,98,95) -
#6f6157
#6f6157rgb(111,97,87) -
#766050
#766050rgb(118,96,80) -
#7e5f48
#7e5f48rgb(126,95,72) -
#865d40
#865d40rgb(134,93,64) -
#8d5c39
#8d5c39rgb(141,92,57) -
#955b31
#955b31rgb(149,91,49) -
#9d5a29
#9d5a29rgb(157,90,41) -
#a45922
#a45922rgb(164,89,34) -
#ac571a
#ac571argb(172,87,26) -
#b35613
#b35613rgb(179,86,19) -
#bb550b
#bb550brgb(187,85,11) -
#c35403
#c35403rgb(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.
