#bb551f Color Information
In a RGB color space, hex #bb551f is composed of 73.3% red, 33.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.5% magenta, 83.4% yellow and 26.7% black. It has a hue angle of 20.8 degrees, a saturation of 71.6% and a lightness of 42.7%. #bb551f color hex could be obtained by blending #ffaa3e with #770000. Closest websafe color is: #cc6633.
-
- R 73
- G 33
- B 12
-
- C 0
- M 55
- Y 83
- K 27
● #bb551f color description : Strong orange.
#bb551f Color Conversion
The hexadecimal color #bb551f has RGB values of R:187, G:85, B:31 and CMYK values of C:0, M:0.55, Y:0.83, K:0.27. Its decimal value is 12277023.
Hex triplet | bb551f | #bb551f |
---|---|---|
RGB Decimal | 187, 85, 31 | rgb(187,85,31) |
RGB Percent | 73.3, 33.3, 12.2 | rgb(73.3%,33.3%,12.2%) |
CMYK | 0, 55, 83, 27 | |
HSL | 20.8°, 71.6, 42.7 | hsl(20.8,71.6%,42.7%) |
HSV (or HSB) | 20.8°, 83.4, 73.3 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 48.465, 38.121, 48.503 |
---|---|
XYZ | 23.99, 17.163, 3.346 |
xyY | 0.539, 0.386, 17.163 |
CIE-LCH | 48.465, 61.691, 51.834 |
CIE-LUV | 48.465, 82.78, 38.822 |
Hunter-Lab | 41.428, 30.866, 24.212 |
Binary | 10111011, 01010101, 00011111 |
Color Schemes with #bb551f
Alternatives to #bb551f
Below, you can see some colors close to #bb551f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb551f Preview
This text has a font color of #bb551f.
<span style="color:#bb551f;">Text here</span>
This paragraph has a background color of #bb551f.
<p style="background-color:#bb551f;">Content here</p>
This element has a border color of #bb551f.
<div style="border:1px solid #bb551f;">Content here</div>
.text {color:#bb551f;}
.background {background-color:#bb551f;}
.border {border:1px solid #bb551f;}
Shades and Tints of #bb551f
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, #020100 is the darkest color, while #fdf4f0 is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#130903
#130903
rgb(19,9,3)
-
#241006
#241006
rgb(36,16,6)
-
#341809
#341809
rgb(52,24,9)
-
#451f0b
#451f0b
rgb(69,31,11)
-
#56270e
#56270e
rgb(86,39,14)
-
#672f11
#672f11
rgb(103,47,17)
-
#783614
#783614
rgb(120,54,20)
-
#893e17
#893e17
rgb(137,62,23)
-
#994619
#994619
rgb(153,70,25)
-
#aa4d1c
#aa4d1c
rgb(170,77,28)
-
#bb551f
#bb551f
rgb(187,85,31)
-
#cc5d22
#cc5d22
rgb(204,93,34)
-
#db6526
#db6526
rgb(219,101,38)
-
#de7137
#de7137
rgb(222,113,55)
-
#e17d48
#e17d48
rgb(225,125,72)
-
#e38959
#e38959
rgb(227,137,89)
-
#e69569
#e69569
rgb(230,149,105)
-
#e9a17a
#e9a17a
rgb(233,161,122)
-
#ecad8b
#ecad8b
rgb(236,173,139)
-
#efb99c
#efb99c
rgb(239,185,156)
-
#f1c5ad
#f1c5ad
rgb(241,197,173)
-
#f4d0be
#f4d0be
rgb(244,208,190)
-
#f7dcce
#f7dcce
rgb(247,220,206)
-
#fae8df
#fae8df
rgb(250,232,223)
-
#fdf4f0
#fdf4f0
rgb(253,244,240)
Tones of #bb551f
A tone is produced by adding gray to any pure hue. In this case, #706c6a is the less saturated color, while #d44d06 is the most saturated one.
-
#706c6a
#706c6a
rgb(112,108,106)
-
#786a62
#786a62
rgb(120,106,98)
-
#80675a
#80675a
rgb(128,103,90)
-
#896451
#896451
rgb(137,100,81)
-
#916249
#916249
rgb(145,98,73)
-
#995f41
#995f41
rgb(153,95,65)
-
#a25d38
#a25d38
rgb(162,93,56)
-
#aa5a30
#aa5a30
rgb(170,90,48)
-
#b35827
#b35827
rgb(179,88,39)
-
#bb551f
#bb551f
rgb(187,85,31)
-
#c35217
#c35217
rgb(195,82,23)
-
#cc500e
#cc500e
rgb(204,80,14)
-
#d44d06
#d44d06
rgb(212,77,6)
Color Blindness Simulator
Below, you can see how #bb551f 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.