#bb6600 Color Information
In a RGB color space, hex #bb6600 is composed of 73.3% red, 40% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.5% magenta, 100% yellow and 26.7% black. It has a hue angle of 32.7 degrees, a saturation of 100% and a lightness of 36.7%. #bb6600 color hex could be obtained by blending #ffcc00 with #770000. Closest websafe color is: #cc6600.
-
- R 73
- G 40
- B 0
-
- C 0
- M 45
- Y 100
- K 27
● #bb6600 color description : Strong orange.
#bb6600 Color Conversion
The hexadecimal color #bb6600 has RGB values of R:187, G:102, B:0 and CMYK values of C:0, M:0.45, Y:1, K:0.27. Its decimal value is 12281344.
| Hex triplet | bb6600 | #bb6600 |
|---|---|---|
| RGB Decimal | 187, 102, 0 | rgb(187,102,0) |
| RGB Percent | 73.3, 40, 0 | rgb(73.3%,40%,0%) |
| CMYK | 0, 45, 100, 27 | |
| HSL | 32.7°, 100, 36.7 | hsl(32.7,100%,36.7%) |
| HSV (or HSB) | 32.7°, 100, 73.3 | |
| Web Safe | cc6600 | #cc6600 |
| CIE-LAB | 51.916, 28.664, 59.917 |
|---|---|
| XYZ | 25.246, 20.07, 2.544 |
| xyY | 0.527, 0.419, 20.07 |
| CIE-LCH | 51.916, 66.421, 64.434 |
| CIE-LUV | 51.916, 70.577, 48.989 |
| Hunter-Lab | 44.799, 22.192, 27.992 |
| Binary | 10111011, 01100110, 00000000 |
Color Schemes with #bb6600
Alternatives to #bb6600
Below, you can see some colors close to #bb6600. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb6600 Preview
This text has a font color of #bb6600.
<span style="color:#bb6600;">Text here</span>
This paragraph has a background color of #bb6600.
<p style="background-color:#bb6600;">Content here</p>
This element has a border color of #bb6600.
<div style="border:1px solid #bb6600;">Content here</div>
.text {color:#bb6600;}
.background {background-color:#bb6600;}
.border {border:1px solid #bb6600;}
Shades and Tints of #bb6600
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) -
#321b00
#321b00rgb(50,27,0) -
#452600
#452600rgb(69,38,0) -
#593100
#593100rgb(89,49,0) -
#6d3b00
#6d3b00rgb(109,59,0) -
#804600
#804600rgb(128,70,0) -
#945100
#945100rgb(148,81,0) -
#a75b00
#a75b00rgb(167,91,0) -
#bb6600
#bb6600rgb(187,102,0) -
#cf7100
#cf7100rgb(207,113,0) -
#e27b00
#e27b00rgb(226,123,0) -
#f68600
#f68600rgb(246,134,0)
-
#ff900a
#ff900argb(255,144,10) -
#ff991e
#ff991ergb(255,153,30) -
#ffa232
#ffa232rgb(255,162,50) -
#ffab45
#ffab45rgb(255,171,69) -
#ffb459
#ffb459rgb(255,180,89) -
#ffbc6d
#ffbc6drgb(255,188,109) -
#ffc580
#ffc580rgb(255,197,128) -
#ffce94
#ffce94rgb(255,206,148) -
#ffd7a7
#ffd7a7rgb(255,215,167) -
#ffe0bb
#ffe0bbrgb(255,224,187) -
#ffe9cf
#ffe9cfrgb(255,233,207) -
#fff2e2
#fff2e2rgb(255,242,226) -
#fffbf6
#fffbf6rgb(255,251,246)
Tones of #bb6600
A tone is produced by adding gray to any pure hue. In this case, #655e56 is the less saturated color, while #bb6600 is the most saturated one.
-
#655e56
#655e56rgb(101,94,86) -
#6c5f4f
#6c5f4frgb(108,95,79) -
#735f48
#735f48rgb(115,95,72) -
#7a6041
#7a6041rgb(122,96,65) -
#81613a
#81613argb(129,97,58) -
#896132
#896132rgb(137,97,50) -
#90622b
#90622brgb(144,98,43) -
#976324
#976324rgb(151,99,36) -
#9e631d
#9e631drgb(158,99,29) -
#a56416
#a56416rgb(165,100,22) -
#ad650e
#ad650ergb(173,101,14) -
#b46507
#b46507rgb(180,101,7) -
#bb6600
#bb6600rgb(187,102,0)
Color Blindness Simulator
Below, you can see how #bb6600 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.
