#bb6300 Color Information
In a RGB color space, hex #bb6300 is composed of 73.3% red, 38.8% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.1% magenta, 100% yellow and 26.7% black. It has a hue angle of 31.8 degrees, a saturation of 100% and a lightness of 36.7%. #bb6300 color hex could be obtained by blending #ffc600 with #770000. Closest websafe color is: #cc6600.
-
- R 73
- G 39
- B 0
-
- C 0
- M 47
- Y 100
- K 27
● #bb6300 color description : Strong orange.
#bb6300 Color Conversion
The hexadecimal color #bb6300 has RGB values of R:187, G:99, B:0 and CMYK values of C:0, M:0.47, Y:1, K:0.27. Its decimal value is 12280576.
Hex triplet | bb6300 | #bb6300 |
---|---|---|
RGB Decimal | 187, 99, 0 | rgb(187,99,0) |
RGB Percent | 73.3, 38.8, 0 | rgb(73.3%,38.8%,0%) |
CMYK | 0, 47, 100, 27 | |
HSL | 31.8°, 100, 36.7 | hsl(31.8,100%,36.7%) |
HSV (or HSB) | 31.8°, 100, 73.3 | |
Web Safe | cc6600 | #cc6600 |
CIE-LAB | 51.256, 30.274, 59.513 |
---|---|
XYZ | 24.956, 19.491, 2.448 |
xyY | 0.532, 0.416, 19.491 |
CIE-LCH | 51.256, 66.77, 63.038 |
CIE-LUV | 51.256, 73.054, 47.957 |
Hunter-Lab | 44.148, 23.643, 27.616 |
Binary | 10111011, 01100011, 00000000 |
Color Schemes with #bb6300
Alternatives to #bb6300
Below, you can see some colors close to #bb6300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb6300 Preview
This text has a font color of #bb6300.
<span style="color:#bb6300;">Text here</span>
This paragraph has a background color of #bb6300.
<p style="background-color:#bb6300;">Content here</p>
This element has a border color of #bb6300.
<div style="border:1px solid #bb6300;">Content here</div>
.text {color:#bb6300;}
.background {background-color:#bb6300;}
.border {border:1px solid #bb6300;}
Shades and Tints of #bb6300
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, #0a0600 is the darkest color, while #fffbf6 is the lightest one.
-
#0a0600
#0a0600
rgb(10,6,0)
-
#1e1000
#1e1000
rgb(30,16,0)
-
#321a00
#321a00
rgb(50,26,0)
-
#452500
#452500
rgb(69,37,0)
-
#592f00
#592f00
rgb(89,47,0)
-
#6d3900
#6d3900
rgb(109,57,0)
-
#804400
#804400
rgb(128,68,0)
-
#944e00
#944e00
rgb(148,78,0)
-
#a75900
#a75900
rgb(167,89,0)
-
#bb6300
#bb6300
rgb(187,99,0)
-
#cf6d00
#cf6d00
rgb(207,109,0)
-
#e27800
#e27800
rgb(226,120,0)
-
#f68200
#f68200
rgb(246,130,0)
-
#ff8c0a
#ff8c0a
rgb(255,140,10)
-
#ff951e
#ff951e
rgb(255,149,30)
-
#ff9e32
#ff9e32
rgb(255,158,50)
-
#ffa845
#ffa845
rgb(255,168,69)
-
#ffb159
#ffb159
rgb(255,177,89)
-
#ffba6d
#ffba6d
rgb(255,186,109)
-
#ffc380
#ffc380
rgb(255,195,128)
-
#ffcd94
#ffcd94
rgb(255,205,148)
-
#ffd6a7
#ffd6a7
rgb(255,214,167)
-
#ffdfbb
#ffdfbb
rgb(255,223,187)
-
#ffe8cf
#ffe8cf
rgb(255,232,207)
-
#fff1e2
#fff1e2
rgb(255,241,226)
-
#fffbf6
#fffbf6
rgb(255,251,246)
Tones of #bb6300
A tone is produced by adding gray to any pure hue. In this case, #655e56 is the less saturated color, while #bb6300 is the most saturated one.
-
#655e56
#655e56
rgb(101,94,86)
-
#6c5e4f
#6c5e4f
rgb(108,94,79)
-
#735f48
#735f48
rgb(115,95,72)
-
#7a5f41
#7a5f41
rgb(122,95,65)
-
#81603a
#81603a
rgb(129,96,58)
-
#896032
#896032
rgb(137,96,50)
-
#90602b
#90602b
rgb(144,96,43)
-
#976124
#976124
rgb(151,97,36)
-
#9e611d
#9e611d
rgb(158,97,29)
-
#a56216
#a56216
rgb(165,98,22)
-
#ad620e
#ad620e
rgb(173,98,14)
-
#b46307
#b46307
rgb(180,99,7)
-
#bb6300
#bb6300
rgb(187,99,0)
Color Blindness Simulator
Below, you can see how #bb6300 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.