#bb5533 Color Information
In a RGB color space, hex #bb5533 is composed of 73.3% red, 33.3% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.5% magenta, 72.7% yellow and 26.7% black. It has a hue angle of 15 degrees, a saturation of 57.1% and a lightness of 46.7%. #bb5533 color hex could be obtained by blending #ffaa66 with #770000. Closest websafe color is: #cc6633.
-
- R 73
- G 33
- B 20
-
- C 0
- M 55
- Y 73
- K 27
● #bb5533 color description : Moderate red.
#bb5533 Color Conversion
The hexadecimal color #bb5533 has RGB values of R:187, G:85, B:51 and CMYK values of C:0, M:0.55, Y:0.73, K:0.27. Its decimal value is 12277043.
Hex triplet | bb5533 | #bb5533 |
---|---|---|
RGB Decimal | 187, 85, 51 | rgb(187,85,51) |
RGB Percent | 73.3, 33.3, 20 | rgb(73.3%,33.3%,20%) |
CMYK | 0, 55, 73, 27 | |
HSL | 15°, 57.1, 46.7 | hsl(15,57.1%,46.7%) |
HSV (or HSB) | 15°, 72.7, 73.3 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 48.64, 38.897, 38.933 |
---|---|
XYZ | 24.34, 17.303, 5.19 |
xyY | 0.52, 0.369, 17.303 |
CIE-LCH | 48.64, 55.034, 45.026 |
CIE-LUV | 48.64, 80.486, 32.69 |
Hunter-Lab | 41.597, 31.654, 21.721 |
Binary | 10111011, 01010101, 00110011 |
Color Schemes with #bb5533
Alternatives to #bb5533
Below, you can see some colors close to #bb5533. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb5533 Preview
This text has a font color of #bb5533.
<span style="color:#bb5533;">Text here</span>
This paragraph has a background color of #bb5533.
<p style="background-color:#bb5533;">Content here</p>
This element has a border color of #bb5533.
<div style="border:1px solid #bb5533;">Content here</div>
.text {color:#bb5533;}
.background {background-color:#bb5533;}
.border {border:1px solid #bb5533;}
Shades and Tints of #bb5533
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, #020101 is the darkest color, while #fbf4f2 is the lightest one.
-
#020101
#020101
rgb(2,1,1)
-
#110805
#110805
rgb(17,8,5)
-
#210f09
#210f09
rgb(33,15,9)
-
#30160d
#30160d
rgb(48,22,13)
-
#401d11
#401d11
rgb(64,29,17)
-
#4f2416
#4f2416
rgb(79,36,22)
-
#5f2b1a
#5f2b1a
rgb(95,43,26)
-
#6e321e
#6e321e
rgb(110,50,30)
-
#7d3922
#7d3922
rgb(125,57,34)
-
#8d4026
#8d4026
rgb(141,64,38)
-
#9c472b
#9c472b
rgb(156,71,43)
-
#ac4e2f
#ac4e2f
rgb(172,78,47)
-
#bb5533
#bb5533
rgb(187,85,51)
-
#c95d39
#c95d39
rgb(201,93,57)
-
#cd6948
#cd6948
rgb(205,105,72)
-
#d17658
#d17658
rgb(209,118,88)
-
#d68367
#d68367
rgb(214,131,103)
-
#da8f76
#da8f76
rgb(218,143,118)
-
#de9c86
#de9c86
rgb(222,156,134)
-
#e2a895
#e2a895
rgb(226,168,149)
-
#e6b5a5
#e6b5a5
rgb(230,181,165)
-
#ebc2b4
#ebc2b4
rgb(235,194,180)
-
#efcec3
#efcec3
rgb(239,206,195)
-
#f3dbd3
#f3dbd3
rgb(243,219,211)
-
#f7e7e2
#f7e7e2
rgb(247,231,226)
-
#fbf4f2
#fbf4f2
rgb(251,244,242)
Tones of #bb5533
A tone is produced by adding gray to any pure hue. In this case, #7b7573 is the less saturated color, while #e93e05 is the most saturated one.
-
#7b7573
#7b7573
rgb(123,117,115)
-
#84706a
#84706a
rgb(132,112,106)
-
#8d6c61
#8d6c61
rgb(141,108,97)
-
#966758
#966758
rgb(150,103,88)
-
#a0634e
#a0634e
rgb(160,99,78)
-
#a95e45
#a95e45
rgb(169,94,69)
-
#b25a3c
#b25a3c
rgb(178,90,60)
-
#bb5533
#bb5533
rgb(187,85,51)
-
#c4502a
#c4502a
rgb(196,80,42)
-
#cd4c21
#cd4c21
rgb(205,76,33)
-
#d64718
#d64718
rgb(214,71,24)
-
#e0430e
#e0430e
rgb(224,67,14)
-
#e93e05
#e93e05
rgb(233,62,5)
Color Blindness Simulator
Below, you can see how #bb5533 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.