#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
#0a0600
rgb(10,6,0)
-
#1e1000
#1e1000
rgb(30,16,0)
-
#321b00
#321b00
rgb(50,27,0)
-
#452600
#452600
rgb(69,38,0)
-
#593100
#593100
rgb(89,49,0)
-
#6d3b00
#6d3b00
rgb(109,59,0)
-
#804600
#804600
rgb(128,70,0)
-
#945100
#945100
rgb(148,81,0)
-
#a75b00
#a75b00
rgb(167,91,0)
-
#bb6600
#bb6600
rgb(187,102,0)
-
#cf7100
#cf7100
rgb(207,113,0)
-
#e27b00
#e27b00
rgb(226,123,0)
-
#f68600
#f68600
rgb(246,134,0)
-
#ff900a
#ff900a
rgb(255,144,10)
-
#ff991e
#ff991e
rgb(255,153,30)
-
#ffa232
#ffa232
rgb(255,162,50)
-
#ffab45
#ffab45
rgb(255,171,69)
-
#ffb459
#ffb459
rgb(255,180,89)
-
#ffbc6d
#ffbc6d
rgb(255,188,109)
-
#ffc580
#ffc580
rgb(255,197,128)
-
#ffce94
#ffce94
rgb(255,206,148)
-
#ffd7a7
#ffd7a7
rgb(255,215,167)
-
#ffe0bb
#ffe0bb
rgb(255,224,187)
-
#ffe9cf
#ffe9cf
rgb(255,233,207)
-
#fff2e2
#fff2e2
rgb(255,242,226)
-
#fffbf6
#fffbf6
rgb(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
#655e56
rgb(101,94,86)
-
#6c5f4f
#6c5f4f
rgb(108,95,79)
-
#735f48
#735f48
rgb(115,95,72)
-
#7a6041
#7a6041
rgb(122,96,65)
-
#81613a
#81613a
rgb(129,97,58)
-
#896132
#896132
rgb(137,97,50)
-
#90622b
#90622b
rgb(144,98,43)
-
#976324
#976324
rgb(151,99,36)
-
#9e631d
#9e631d
rgb(158,99,29)
-
#a56416
#a56416
rgb(165,100,22)
-
#ad650e
#ad650e
rgb(173,101,14)
-
#b46507
#b46507
rgb(180,101,7)
-
#bb6600
#bb6600
rgb(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.