#bb552e Color Information
In a RGB color space, hex #bb552e is composed of 73.3% red, 33.3% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.5% magenta, 75.4% yellow and 26.7% black. It has a hue angle of 16.6 degrees, a saturation of 60.5% and a lightness of 45.7%. #bb552e color hex could be obtained by blending #ffaa5c with #770000. Closest websafe color is: #cc6633.
-
- R 73
- G 33
- B 18
-
- C 0
- M 55
- Y 75
- K 27
● #bb552e color description : Strong orange.
#bb552e Color Conversion
The hexadecimal color #bb552e has RGB values of R:187, G:85, B:46 and CMYK values of C:0, M:0.55, Y:0.75, K:0.27. Its decimal value is 12277038.
Hex triplet | bb552e | #bb552e |
---|---|---|
RGB Decimal | 187, 85, 46 | rgb(187,85,46) |
RGB Percent | 73.3, 33.3, 18 | rgb(73.3%,33.3%,18%) |
CMYK | 0, 55, 75, 27 | |
HSL | 16.6°, 60.5, 45.7 | hsl(16.6,60.5%,45.7%) |
HSV (or HSB) | 16.6°, 75.4, 73.3 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 48.588, 38.667, 41.499 |
---|---|
XYZ | 24.236, 17.261, 4.64 |
xyY | 0.525, 0.374, 17.261 |
CIE-LCH | 48.588, 56.721, 47.024 |
CIE-LUV | 48.588, 81.157, 34.488 |
Hunter-Lab | 41.547, 31.42, 22.461 |
Binary | 10111011, 01010101, 00101110 |
Color Schemes with #bb552e
Alternatives to #bb552e
Below, you can see some colors close to #bb552e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb552e Preview
This text has a font color of #bb552e.
<span style="color:#bb552e;">Text here</span>
This paragraph has a background color of #bb552e.
<p style="background-color:#bb552e;">Content here</p>
This element has a border color of #bb552e.
<div style="border:1px solid #bb552e;">Content here</div>
.text {color:#bb552e;}
.background {background-color:#bb552e;}
.border {border:1px solid #bb552e;}
Shades and Tints of #bb552e
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, #0e0603 is the darkest color, while #fffdfd is the lightest one.
-
#0e0603
#0e0603
rgb(14,6,3)
-
#1e0d07
#1e0d07
rgb(30,13,7)
-
#2d150b
#2d150b
rgb(45,21,11)
-
#3d1c0f
#3d1c0f
rgb(61,28,15)
-
#4d2313
#4d2313
rgb(77,35,19)
-
#5d2a17
#5d2a17
rgb(93,42,23)
-
#6c311b
#6c311b
rgb(108,49,27)
-
#7c381f
#7c381f
rgb(124,56,31)
-
#8c4022
#8c4022
rgb(140,64,34)
-
#9c4726
#9c4726
rgb(156,71,38)
-
#ab4e2a
#ab4e2a
rgb(171,78,42)
-
#bb552e
#bb552e
rgb(187,85,46)
-
#cb5c32
#cb5c32
rgb(203,92,50)
-
#d06840
#d06840
rgb(208,104,64)
-
#d47450
#d47450
rgb(212,116,80)
-
#d88160
#d88160
rgb(216,129,96)
-
#dc8d6f
#dc8d6f
rgb(220,141,111)
-
#e09a7f
#e09a7f
rgb(224,154,127)
-
#e3a68f
#e3a68f
rgb(227,166,143)
-
#e7b39f
#e7b39f
rgb(231,179,159)
-
#ebbfae
#ebbfae
rgb(235,191,174)
-
#efccbe
#efccbe
rgb(239,204,190)
-
#f3d8ce
#f3d8ce
rgb(243,216,206)
-
#f7e5de
#f7e5de
rgb(247,229,222)
-
#fbf1ed
#fbf1ed
rgb(251,241,237)
-
#fffdfd
#fffdfd
rgb(255,253,253)
Tones of #bb552e
A tone is produced by adding gray to any pure hue. In this case, #7c716d is the less saturated color, while #e84101 is the most saturated one.
-
#7c716d
#7c716d
rgb(124,113,109)
-
#856d64
#856d64
rgb(133,109,100)
-
#8e695b
#8e695b
rgb(142,105,91)
-
#976552
#976552
rgb(151,101,82)
-
#a06149
#a06149
rgb(160,97,73)
-
#a95d40
#a95d40
rgb(169,93,64)
-
#b25937
#b25937
rgb(178,89,55)
-
#bb552e
#bb552e
rgb(187,85,46)
-
#c45125
#c45125
rgb(196,81,37)
-
#cd4d1c
#cd4d1c
rgb(205,77,28)
-
#d64913
#d64913
rgb(214,73,19)
-
#df450a
#df450a
rgb(223,69,10)
-
#e84101
#e84101
rgb(232,65,1)
Color Blindness Simulator
Below, you can see how #bb552e 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.