#bb561b Color Information
In a RGB color space, hex #bb561b is composed of 73.3% red, 33.7% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54% magenta, 85.6% yellow and 26.7% black. It has a hue angle of 22.1 degrees, a saturation of 74.8% and a lightness of 42%. #bb561b color hex could be obtained by blending #ffac36 with #770000. Closest websafe color is: #cc6633.
-
- R 73
- G 34
- B 11
-
- C 0
- M 54
- Y 86
- K 27
● #bb561b color description : Strong orange.
#bb561b Color Conversion
The hexadecimal color #bb561b has RGB values of R:187, G:86, B:27 and CMYK values of C:0, M:0.54, Y:0.86, K:0.27. Its decimal value is 12277275.
Hex triplet | bb561b | #bb561b |
---|---|---|
RGB Decimal | 187, 86, 27 | rgb(187,86,27) |
RGB Percent | 73.3, 33.7, 10.6 | rgb(73.3%,33.7%,10.6%) |
CMYK | 0, 54, 86, 27 | |
HSL | 22.1°, 74.8, 42 | hsl(22.1,74.8%,42%) |
HSV (or HSB) | 22.1°, 85.6, 73.3 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 48.638, 37.505, 50.299 |
---|---|
XYZ | 24.02, 17.302, 3.112 |
xyY | 0.541, 0.389, 17.302 |
CIE-LCH | 48.638, 62.742, 53.29 |
CIE-LUV | 48.638, 82.332, 40.045 |
Hunter-Lab | 41.596, 30.286, 24.682 |
Binary | 10111011, 01010110, 00011011 |
Color Schemes with #bb561b
Alternatives to #bb561b
Below, you can see some colors close to #bb561b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb561b Preview
This text has a font color of #bb561b.
<span style="color:#bb561b;">Text here</span>
This paragraph has a background color of #bb561b.
<p style="background-color:#bb561b;">Content here</p>
This element has a border color of #bb561b.
<div style="border:1px solid #bb561b;">Content here</div>
.text {color:#bb561b;}
.background {background-color:#bb561b;}
.border {border:1px solid #bb561b;}
Shades and Tints of #bb561b
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 #fffefd is the lightest one.
-
#100702
#100702
rgb(16,7,2)
-
#210f05
#210f05
rgb(33,15,5)
-
#321707
#321707
rgb(50,23,7)
-
#431f0a
#431f0a
rgb(67,31,10)
-
#54270c
#54270c
rgb(84,39,12)
-
#652f0f
#652f0f
rgb(101,47,15)
-
#763611
#763611
rgb(118,54,17)
-
#883e14
#883e14
rgb(136,62,20)
-
#994616
#994616
rgb(153,70,22)
-
#aa4e19
#aa4e19
rgb(170,78,25)
-
#bb561b
#bb561b
rgb(187,86,27)
-
#cc5e1d
#cc5e1d
rgb(204,94,29)
-
#dd6620
#dd6620
rgb(221,102,32)
-
#e17130
#e17130
rgb(225,113,48)
-
#e47d41
#e47d41
rgb(228,125,65)
-
#e68952
#e68952
rgb(230,137,82)
-
#e99463
#e99463
rgb(233,148,99)
-
#eba074
#eba074
rgb(235,160,116)
-
#edac85
#edac85
rgb(237,172,133)
-
#f0b897
#f0b897
rgb(240,184,151)
-
#f2c3a8
#f2c3a8
rgb(242,195,168)
-
#f5cfb9
#f5cfb9
rgb(245,207,185)
-
#f7dbca
#f7dbca
rgb(247,219,202)
-
#fae6db
#fae6db
rgb(250,230,219)
-
#fcf2ec
#fcf2ec
rgb(252,242,236)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #bb561b
A tone is produced by adding gray to any pure hue. In this case, #716965 is the less saturated color, while #d45002 is the most saturated one.
-
#716965
#716965
rgb(113,105,101)
-
#79675d
#79675d
rgb(121,103,93)
-
#816555
#816555
rgb(129,101,85)
-
#8a634c
#8a634c
rgb(138,99,76)
-
#926144
#926144
rgb(146,97,68)
-
#9a5f3c
#9a5f3c
rgb(154,95,60)
-
#a25c34
#a25c34
rgb(162,92,52)
-
#ab5a2b
#ab5a2b
rgb(171,90,43)
-
#b35823
#b35823
rgb(179,88,35)
-
#bb561b
#bb561b
rgb(187,86,27)
-
#c35413
#c35413
rgb(195,84,19)
-
#cb520b
#cb520b
rgb(203,82,11)
-
#d45002
#d45002
rgb(212,80,2)
Color Blindness Simulator
Below, you can see how #bb561b 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.