#bb551c Color Information
In a RGB color space, hex #bb551c is composed of 73.3% red, 33.3% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.5% magenta, 85% yellow and 26.7% black. It has a hue angle of 21.5 degrees, a saturation of 74% and a lightness of 42.2%. #bb551c color hex could be obtained by blending #ffaa38 with #770000. Closest websafe color is: #cc6633.
-
- R 73
- G 33
- B 11
-
- C 0
- M 55
- Y 85
- K 27
● #bb551c color description : Strong orange.
#bb551c Color Conversion
The hexadecimal color #bb551c has RGB values of R:187, G:85, B:28 and CMYK values of C:0, M:0.55, Y:0.85, K:0.27. Its decimal value is 12277020.
Hex triplet | bb551c | #bb551c |
---|---|---|
RGB Decimal | 187, 85, 28 | rgb(187,85,28) |
RGB Percent | 73.3, 33.3, 11 | rgb(73.3%,33.3%,11%) |
CMYK | 0, 55, 85, 27 | |
HSL | 21.5°, 74, 42.2 | hsl(21.5,74%,42.2%) |
HSV (or HSB) | 21.5°, 85, 73.3 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 48.446, 38.037, 49.735 |
---|---|
XYZ | 23.953, 17.148, 3.147 |
xyY | 0.541, 0.388, 17.148 |
CIE-LCH | 48.446, 62.613, 52.592 |
CIE-LUV | 48.446, 83.034, 39.5 |
Hunter-Lab | 41.41, 30.781, 24.481 |
Binary | 10111011, 01010101, 00011100 |
Color Schemes with #bb551c
Alternatives to #bb551c
Below, you can see some colors close to #bb551c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb551c Preview
This text has a font color of #bb551c.
<span style="color:#bb551c;">Text here</span>
This paragraph has a background color of #bb551c.
<p style="background-color:#bb551c;">Content here</p>
This element has a border color of #bb551c.
<div style="border:1px solid #bb551c;">Content here</div>
.text {color:#bb551c;}
.background {background-color:#bb551c;}
.border {border:1px solid #bb551c;}
Shades and Tints of #bb551c
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, #100702 is the darkest color, while #fffffe is the lightest one.
-
#100702
#100702
rgb(16,7,2)
-
#210f05
#210f05
rgb(33,15,5)
-
#331708
#331708
rgb(51,23,8)
-
#441f0a
#441f0a
rgb(68,31,10)
-
#55260d
#55260d
rgb(85,38,13)
-
#662e0f
#662e0f
rgb(102,46,15)
-
#773612
#773612
rgb(119,54,18)
-
#883e14
#883e14
rgb(136,62,20)
-
#994517
#994517
rgb(153,69,23)
-
#aa4d19
#aa4d19
rgb(170,77,25)
-
#bb551c
#bb551c
rgb(187,85,28)
-
#cc5d1f
#cc5d1f
rgb(204,93,31)
-
#dd6521
#dd6521
rgb(221,101,33)
-
#e07032
#e07032
rgb(224,112,50)
-
#e37c43
#e37c43
rgb(227,124,67)
-
#e58854
#e58854
rgb(229,136,84)
-
#e89465
#e89465
rgb(232,148,101)
-
#eaa076
#eaa076
rgb(234,160,118)
-
#edac87
#edac87
rgb(237,172,135)
-
#f0b798
#f0b798
rgb(240,183,152)
-
#f2c3a9
#f2c3a9
rgb(242,195,169)
-
#f5cfba
#f5cfba
rgb(245,207,186)
-
#f7dbcb
#f7dbcb
rgb(247,219,203)
-
#fae7dc
#fae7dc
rgb(250,231,220)
-
#fcf3ed
#fcf3ed
rgb(252,243,237)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #bb551c
A tone is produced by adding gray to any pure hue. In this case, #716a66 is the less saturated color, while #d44e03 is the most saturated one.
-
#716a66
#716a66
rgb(113,106,102)
-
#79685e
#79685e
rgb(121,104,94)
-
#816556
#816556
rgb(129,101,86)
-
#89634e
#89634e
rgb(137,99,78)
-
#926145
#926145
rgb(146,97,69)
-
#9a5e3d
#9a5e3d
rgb(154,94,61)
-
#a25c35
#a25c35
rgb(162,92,53)
-
#aa5a2d
#aa5a2d
rgb(170,90,45)
-
#b35724
#b35724
rgb(179,87,36)
-
#bb551c
#bb551c
rgb(187,85,28)
-
#c35314
#c35314
rgb(195,83,20)
-
#cc500b
#cc500b
rgb(204,80,11)
-
#d44e03
#d44e03
rgb(212,78,3)
Color Blindness Simulator
Below, you can see how #bb551c 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.