#bb5523 Color Information
In a RGB color space, hex #bb5523 is composed of 73.3% red, 33.3% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.5% magenta, 81.3% yellow and 26.7% black. It has a hue angle of 19.7 degrees, a saturation of 68.5% and a lightness of 43.5%. #bb5523 color hex could be obtained by blending #ffaa46 with #770000. Closest websafe color is: #cc6633.
-
- R 73
- G 33
- B 14
-
- C 0
- M 55
- Y 81
- K 27
● #bb5523 color description : Strong orange.
#bb5523 Color Conversion
The hexadecimal color #bb5523 has RGB values of R:187, G:85, B:35 and CMYK values of C:0, M:0.55, Y:0.81, K:0.27. Its decimal value is 12277027.
Hex triplet | bb5523 | #bb5523 |
---|---|---|
RGB Decimal | 187, 85, 35 | rgb(187,85,35) |
RGB Percent | 73.3, 33.3, 13.7 | rgb(73.3%,33.3%,13.7%) |
CMYK | 0, 55, 81, 27 | |
HSL | 19.7°, 68.5, 43.5 | hsl(19.7,68.5%,43.5%) |
HSV (or HSB) | 19.7°, 81.3, 73.3 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 48.493, 38.246, 46.761 |
---|---|
XYZ | 24.046, 17.186, 3.641 |
xyY | 0.536, 0.383, 17.186 |
CIE-LCH | 48.493, 60.41, 50.72 |
CIE-LUV | 48.493, 82.404, 37.821 |
Hunter-Lab | 41.455, 30.992, 23.812 |
Binary | 10111011, 01010101, 00100011 |
Color Schemes with #bb5523
Alternatives to #bb5523
Below, you can see some colors close to #bb5523. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb5523 Preview
This text has a font color of #bb5523.
<span style="color:#bb5523;">Text here</span>
This paragraph has a background color of #bb5523.
<p style="background-color:#bb5523;">Content here</p>
This element has a border color of #bb5523.
<div style="border:1px solid #bb5523;">Content here</div>
.text {color:#bb5523;}
.background {background-color:#bb5523;}
.border {border:1px solid #bb5523;}
Shades and Tints of #bb5523
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, #050201 is the darkest color, while #fdf7f4 is the lightest one.
-
#050201
#050201
rgb(5,2,1)
-
#160a04
#160a04
rgb(22,10,4)
-
#261107
#261107
rgb(38,17,7)
-
#37190a
#37190a
rgb(55,25,10)
-
#47200d
#47200d
rgb(71,32,13)
-
#582810
#582810
rgb(88,40,16)
-
#682f14
#682f14
rgb(104,47,20)
-
#793717
#793717
rgb(121,55,23)
-
#893e1a
#893e1a
rgb(137,62,26)
-
#9a461d
#9a461d
rgb(154,70,29)
-
#aa4d20
#aa4d20
rgb(170,77,32)
-
#bb5523
#bb5523
rgb(187,85,35)
-
#cc5d26
#cc5d26
rgb(204,93,38)
-
#d8652d
#d8652d
rgb(216,101,45)
-
#db723e
#db723e
rgb(219,114,62)
-
#de7e4e
#de7e4e
rgb(222,126,78)
-
#e18a5f
#e18a5f
rgb(225,138,95)
-
#e49670
#e49670
rgb(228,150,112)
-
#e7a280
#e7a280
rgb(231,162,128)
-
#eaae91
#eaae91
rgb(234,174,145)
-
#edbaa1
#edbaa1
rgb(237,186,161)
-
#f1c6b2
#f1c6b2
rgb(241,198,178)
-
#f4d2c2
#f4d2c2
rgb(244,210,194)
-
#f7dfd3
#f7dfd3
rgb(247,223,211)
-
#faebe3
#faebe3
rgb(250,235,227)
-
#fdf7f4
#fdf7f4
rgb(253,247,244)
Tones of #bb5523
A tone is produced by adding gray to any pure hue. In this case, #776c67 is the less saturated color, while #dd4901 is the most saturated one.
-
#776c67
#776c67
rgb(119,108,103)
-
#7f695f
#7f695f
rgb(127,105,95)
-
#886756
#886756
rgb(136,103,86)
-
#90644e
#90644e
rgb(144,100,78)
-
#996145
#996145
rgb(153,97,69)
-
#a15e3d
#a15e3d
rgb(161,94,61)
-
#aa5b34
#aa5b34
rgb(170,91,52)
-
#b2582c
#b2582c
rgb(178,88,44)
-
#bb5523
#bb5523
rgb(187,85,35)
-
#c4521a
#c4521a
rgb(196,82,26)
-
#cc4f12
#cc4f12
rgb(204,79,18)
-
#d54c09
#d54c09
rgb(213,76,9)
-
#dd4901
#dd4901
rgb(221,73,1)
Color Blindness Simulator
Below, you can see how #bb5523 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.