#bb7300 Color Information
In a RGB color space, hex #bb7300 is composed of 73.3% red, 45.1% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.5% magenta, 100% yellow and 26.7% black. It has a hue angle of 36.9 degrees, a saturation of 100% and a lightness of 36.7%. #bb7300 color hex could be obtained by blending #ffe600 with #770000. Closest websafe color is: #cc6600.
-
- R 73
- G 45
- B 0
-
- C 0
- M 39
- Y 100
- K 27
● #bb7300 color description : Strong orange.
#bb7300 Color Conversion
The hexadecimal color #bb7300 has RGB values of R:187, G:115, B:0 and CMYK values of C:0, M:0.39, Y:1, K:0.27. Its decimal value is 12284672.
Hex triplet | bb7300 | #bb7300 |
---|---|---|
RGB Decimal | 187, 115, 0 | rgb(187,115,0) |
RGB Percent | 73.3, 45.1, 0 | rgb(73.3%,45.1%,0%) |
CMYK | 0, 39, 100, 27 | |
HSL | 36.9°, 100, 36.7 | hsl(36.9,100%,36.7%) |
HSV (or HSB) | 36.9°, 100, 73.3 | |
Web Safe | cc6600 | #cc6600 |
CIE-LAB | 54.895, 21.573, 61.799 |
---|---|
XYZ | 26.625, 22.828, 3.004 |
xyY | 0.508, 0.435, 22.828 |
CIE-LCH | 54.895, 65.456, 70.756 |
CIE-LUV | 54.895, 59.846, 53.598 |
Hunter-Lab | 47.779, 15.857, 29.717 |
Binary | 10111011, 01110011, 00000000 |
Color Schemes with #bb7300
Alternatives to #bb7300
Below, you can see some colors close to #bb7300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb7300 Preview
This text has a font color of #bb7300.
<span style="color:#bb7300;">Text here</span>
This paragraph has a background color of #bb7300.
<p style="background-color:#bb7300;">Content here</p>
This element has a border color of #bb7300.
<div style="border:1px solid #bb7300;">Content here</div>
.text {color:#bb7300;}
.background {background-color:#bb7300;}
.border {border:1px solid #bb7300;}
Shades and Tints of #bb7300
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)
-
#1e1200
#1e1200
rgb(30,18,0)
-
#321f00
#321f00
rgb(50,31,0)
-
#452b00
#452b00
rgb(69,43,0)
-
#593700
#593700
rgb(89,55,0)
-
#6d4300
#6d4300
rgb(109,67,0)
-
#804f00
#804f00
rgb(128,79,0)
-
#945b00
#945b00
rgb(148,91,0)
-
#a76700
#a76700
rgb(167,103,0)
-
#bb7300
#bb7300
rgb(187,115,0)
-
#cf7f00
#cf7f00
rgb(207,127,0)
-
#e28b00
#e28b00
rgb(226,139,0)
-
#f69700
#f69700
rgb(246,151,0)
-
#ffa10a
#ffa10a
rgb(255,161,10)
-
#ffa81e
#ffa81e
rgb(255,168,30)
-
#ffb032
#ffb032
rgb(255,176,50)
-
#ffb845
#ffb845
rgb(255,184,69)
-
#ffbf59
#ffbf59
rgb(255,191,89)
-
#ffc76d
#ffc76d
rgb(255,199,109)
-
#ffce80
#ffce80
rgb(255,206,128)
-
#ffd694
#ffd694
rgb(255,214,148)
-
#ffdda7
#ffdda7
rgb(255,221,167)
-
#ffe5bb
#ffe5bb
rgb(255,229,187)
-
#ffeccf
#ffeccf
rgb(255,236,207)
-
#fff4e2
#fff4e2
rgb(255,244,226)
-
#fffbf6
#fffbf6
rgb(255,251,246)
Tones of #bb7300
A tone is produced by adding gray to any pure hue. In this case, #655f56 is the less saturated color, while #bb7300 is the most saturated one.
-
#655f56
#655f56
rgb(101,95,86)
-
#6c614f
#6c614f
rgb(108,97,79)
-
#736248
#736248
rgb(115,98,72)
-
#7a6441
#7a6441
rgb(122,100,65)
-
#81663a
#81663a
rgb(129,102,58)
-
#896732
#896732
rgb(137,103,50)
-
#90692b
#90692b
rgb(144,105,43)
-
#976b24
#976b24
rgb(151,107,36)
-
#9e6c1d
#9e6c1d
rgb(158,108,29)
-
#a56e16
#a56e16
rgb(165,110,22)
-
#ad700e
#ad700e
rgb(173,112,14)
-
#b47107
#b47107
rgb(180,113,7)
-
#bb7300
#bb7300
rgb(187,115,0)
Color Blindness Simulator
Below, you can see how #bb7300 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.