#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
#0a0600rgb(10,6,0) -
#1e1000
#1e1000rgb(30,16,0) -
#321a00
#321a00rgb(50,26,0) -
#452500
#452500rgb(69,37,0) -
#592f00
#592f00rgb(89,47,0) -
#6d3900
#6d3900rgb(109,57,0) -
#804400
#804400rgb(128,68,0) -
#944e00
#944e00rgb(148,78,0) -
#a75900
#a75900rgb(167,89,0) -
#bb6300
#bb6300rgb(187,99,0) -
#cf6d00
#cf6d00rgb(207,109,0) -
#e27800
#e27800rgb(226,120,0) -
#f68200
#f68200rgb(246,130,0)
-
#ff8c0a
#ff8c0argb(255,140,10) -
#ff951e
#ff951ergb(255,149,30) -
#ff9e32
#ff9e32rgb(255,158,50) -
#ffa845
#ffa845rgb(255,168,69) -
#ffb159
#ffb159rgb(255,177,89) -
#ffba6d
#ffba6drgb(255,186,109) -
#ffc380
#ffc380rgb(255,195,128) -
#ffcd94
#ffcd94rgb(255,205,148) -
#ffd6a7
#ffd6a7rgb(255,214,167) -
#ffdfbb
#ffdfbbrgb(255,223,187) -
#ffe8cf
#ffe8cfrgb(255,232,207) -
#fff1e2
#fff1e2rgb(255,241,226) -
#fffbf6
#fffbf6rgb(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
#655e56rgb(101,94,86) -
#6c5e4f
#6c5e4frgb(108,94,79) -
#735f48
#735f48rgb(115,95,72) -
#7a5f41
#7a5f41rgb(122,95,65) -
#81603a
#81603argb(129,96,58) -
#896032
#896032rgb(137,96,50) -
#90602b
#90602brgb(144,96,43) -
#976124
#976124rgb(151,97,36) -
#9e611d
#9e611drgb(158,97,29) -
#a56216
#a56216rgb(165,98,22) -
#ad620e
#ad620ergb(173,98,14) -
#b46307
#b46307rgb(180,99,7) -
#bb6300
#bb6300rgb(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.
