#bb551e Color Information
In a RGB color space, hex #bb551e is composed of 73.3% red, 33.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.5% magenta, 84% yellow and 26.7% black. It has a hue angle of 21 degrees, a saturation of 72.4% and a lightness of 42.5%. #bb551e color hex could be obtained by blending #ffaa3c with #770000. Closest websafe color is: #cc6633.
-
- R 73
- G 33
- B 12
-
- C 0
- M 55
- Y 84
- K 27
● #bb551e color description : Strong orange.
#bb551e Color Conversion
The hexadecimal color #bb551e has RGB values of R:187, G:85, B:30 and CMYK values of C:0, M:0.55, Y:0.84, K:0.27. Its decimal value is 12277022.
Hex triplet | bb551e | #bb551e |
---|---|---|
RGB Decimal | 187, 85, 30 | rgb(187,85,30) |
RGB Percent | 73.3, 33.3, 11.8 | rgb(73.3%,33.3%,11.8%) |
CMYK | 0, 55, 84, 27 | |
HSL | 21°, 72.4, 42.5 | hsl(21,72.4%,42.5%) |
HSV (or HSB) | 21°, 84, 73.3 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 48.458, 38.092, 48.921 |
---|---|
XYZ | 23.977, 17.158, 3.277 |
xyY | 0.54, 0.386, 17.158 |
CIE-LCH | 48.458, 62.002, 52.094 |
CIE-LUV | 48.458, 82.867, 39.055 |
Hunter-Lab | 41.422, 30.837, 24.304 |
Binary | 10111011, 01010101, 00011110 |
Color Schemes with #bb551e
Alternatives to #bb551e
Below, you can see some colors close to #bb551e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb551e Preview
This text has a font color of #bb551e.
<span style="color:#bb551e;">Text here</span>
This paragraph has a background color of #bb551e.
<p style="background-color:#bb551e;">Content here</p>
This element has a border color of #bb551e.
<div style="border:1px solid #bb551e;">Content here</div>
.text {color:#bb551e;}
.background {background-color:#bb551e;}
.border {border:1px solid #bb551e;}
Shades and Tints of #bb551e
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, #010000 is the darkest color, while #fcf4ef is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#120803
#120803
rgb(18,8,3)
-
#231006
#231006
rgb(35,16,6)
-
#341808
#341808
rgb(52,24,8)
-
#451f0b
#451f0b
rgb(69,31,11)
-
#56270e
#56270e
rgb(86,39,14)
-
#662f10
#662f10
rgb(102,47,16)
-
#773613
#773613
rgb(119,54,19)
-
#883e16
#883e16
rgb(136,62,22)
-
#994619
#994619
rgb(153,70,25)
-
#aa4d1b
#aa4d1b
rgb(170,77,27)
-
#bb551e
#bb551e
rgb(187,85,30)
-
#cc5d21
#cc5d21
rgb(204,93,33)
-
#dc6524
#dc6524
rgb(220,101,36)
-
#df7135
#df7135
rgb(223,113,53)
-
#e17c46
#e17c46
rgb(225,124,70)
-
#e48857
#e48857
rgb(228,136,87)
-
#e79468
#e79468
rgb(231,148,104)
-
#e9a079
#e9a079
rgb(233,160,121)
-
#ecac8a
#ecac8a
rgb(236,172,138)
-
#efb89b
#efb89b
rgb(239,184,155)
-
#f2c4ac
#f2c4ac
rgb(242,196,172)
-
#f4d0bc
#f4d0bc
rgb(244,208,188)
-
#f7dccd
#f7dccd
rgb(247,220,205)
-
#fae8de
#fae8de
rgb(250,232,222)
-
#fcf4ef
#fcf4ef
rgb(252,244,239)
Tones of #bb551e
A tone is produced by adding gray to any pure hue. In this case, #706b69 is the less saturated color, while #d44e05 is the most saturated one.
-
#706b69
#706b69
rgb(112,107,105)
-
#786961
#786961
rgb(120,105,97)
-
#816658
#816658
rgb(129,102,88)
-
#896450
#896450
rgb(137,100,80)
-
#916148
#916148
rgb(145,97,72)
-
#9a5f3f
#9a5f3f
rgb(154,95,63)
-
#a25c37
#a25c37
rgb(162,92,55)
-
#aa5a2f
#aa5a2f
rgb(170,90,47)
-
#b35726
#b35726
rgb(179,87,38)
-
#bb551e
#bb551e
rgb(187,85,30)
-
#c35316
#c35316
rgb(195,83,22)
-
#cc500d
#cc500d
rgb(204,80,13)
-
#d44e05
#d44e05
rgb(212,78,5)
Color Blindness Simulator
Below, you can see how #bb551e 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.