#bb553f Color Information
In a RGB color space, hex #bb553f is composed of 73.3% red, 33.3% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.5% magenta, 66.3% yellow and 26.7% black. It has a hue angle of 10.6 degrees, a saturation of 49.6% and a lightness of 49%. #bb553f color hex could be obtained by blending #ffaa7e with #770000. Closest websafe color is: #cc6633.
-
- R 73
- G 33
- B 25
-
- C 0
- M 55
- Y 66
- K 27
● #bb553f color description : Moderate red.
#bb553f Color Conversion
The hexadecimal color #bb553f has RGB values of R:187, G:85, B:63 and CMYK values of C:0, M:0.55, Y:0.66, K:0.27. Its decimal value is 12277055.
Hex triplet | bb553f | #bb553f |
---|---|---|
RGB Decimal | 187, 85, 63 | rgb(187,85,63) |
RGB Percent | 73.3, 33.3, 24.7 | rgb(73.3%,33.3%,24.7%) |
CMYK | 0, 55, 66, 27 | |
HSL | 10.6°, 49.6, 49 | hsl(10.6,49.6%,49%) |
HSV (or HSB) | 10.6°, 66.3, 73.3 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 48.789, 39.553, 32.48 |
---|---|
XYZ | 24.64, 17.423, 6.768 |
xyY | 0.505, 0.357, 17.423 |
CIE-LCH | 48.789, 51.18, 39.392 |
CIE-LUV | 48.789, 78.615, 27.668 |
Hunter-Lab | 41.741, 32.324, 19.605 |
Binary | 10111011, 01010101, 00111111 |
Color Schemes with #bb553f
Alternatives to #bb553f
Below, you can see some colors close to #bb553f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb553f Preview
This text has a font color of #bb553f.
<span style="color:#bb553f;">Text here</span>
This paragraph has a background color of #bb553f.
<p style="background-color:#bb553f;">Content here</p>
This element has a border color of #bb553f.
<div style="border:1px solid #bb553f;">Content here</div>
.text {color:#bb553f;}
.background {background-color:#bb553f;}
.border {border:1px solid #bb553f;}
Shades and Tints of #bb553f
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, #0b0504 is the darkest color, while #fefcfb is the lightest one.
-
#0b0504
#0b0504
rgb(11,5,4)
-
#1a0c09
#1a0c09
rgb(26,12,9)
-
#28120e
#28120e
rgb(40,18,14)
-
#371913
#371913
rgb(55,25,19)
-
#462017
#462017
rgb(70,32,23)
-
#54261c
#54261c
rgb(84,38,28)
-
#632d21
#632d21
rgb(99,45,33)
-
#723426
#723426
rgb(114,52,38)
-
#803a2b
#803a2b
rgb(128,58,43)
-
#8f4130
#8f4130
rgb(143,65,48)
-
#9e4835
#9e4835
rgb(158,72,53)
-
#ac4e3a
#ac4e3a
rgb(172,78,58)
-
#bb553f
#bb553f
rgb(187,85,63)
-
#c2604b
#c2604b
rgb(194,96,75)
-
#c76d5a
#c76d5a
rgb(199,109,90)
-
#cc7a69
#cc7a69
rgb(204,122,105)
-
#d18777
#d18777
rgb(209,135,119)
-
#d69486
#d69486
rgb(214,148,134)
-
#dba195
#dba195
rgb(219,161,149)
-
#e0aea3
#e0aea3
rgb(224,174,163)
-
#e5bbb2
#e5bbb2
rgb(229,187,178)
-
#eac8c1
#eac8c1
rgb(234,200,193)
-
#efd5cf
#efd5cf
rgb(239,213,207)
-
#f4e2de
#f4e2de
rgb(244,226,222)
-
#f9efed
#f9efed
rgb(249,239,237)
-
#fefcfb
#fefcfb
rgb(254,252,251)
Tones of #bb553f
A tone is produced by adding gray to any pure hue. In this case, #817a79 is the less saturated color, while #f53005 is the most saturated one.
-
#817a79
#817a79
rgb(129,122,121)
-
#8b746f
#8b746f
rgb(139,116,111)
-
#956e65
#956e65
rgb(149,110,101)
-
#9e685c
#9e685c
rgb(158,104,92)
-
#a86152
#a86152
rgb(168,97,82)
-
#b15b49
#b15b49
rgb(177,91,73)
-
#bb553f
#bb553f
rgb(187,85,63)
-
#c54f35
#c54f35
rgb(197,79,53)
-
#ce492c
#ce492c
rgb(206,73,44)
-
#d84222
#d84222
rgb(216,66,34)
-
#e13c19
#e13c19
rgb(225,60,25)
-
#eb360f
#eb360f
rgb(235,54,15)
-
#f53005
#f53005
rgb(245,48,5)
Color Blindness Simulator
Below, you can see how #bb553f 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.