#bb9300 Color Information
In a RGB color space, hex #bb9300 is composed of 73.3% red, 57.6% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.4% magenta, 100% yellow and 26.7% black. It has a hue angle of 47.2 degrees, a saturation of 100% and a lightness of 36.7%. #bb9300 color hex could be obtained by blending #ffff00 with #772700. Closest websafe color is: #cc9900.
-
- R 73
- G 58
- B 0
-
- C 0
- M 21
- Y 100
- K 27
● #bb9300 color description : Strong yellow.
#bb9300 Color Conversion
The hexadecimal color #bb9300 has RGB values of R:187, G:147, B:0 and CMYK values of C:0, M:0.21, Y:1, K:0.27. Its decimal value is 12292864.
Hex triplet | bb9300 | #bb9300 |
---|---|---|
RGB Decimal | 187, 147, 0 | rgb(187,147,0) |
RGB Percent | 73.3, 57.6, 0 | rgb(73.3%,57.6%,0%) |
CMYK | 0, 21, 100, 27 | |
HSL | 47.2°, 100, 36.7 | hsl(47.2,100%,36.7%) |
HSV (or HSB) | 47.2°, 100, 73.3 | |
Web Safe | cc9900 | #cc9900 |
CIE-LAB | 62.872, 3.94, 67.155 |
---|---|
XYZ | 30.928, 31.434, 4.438 |
xyY | 0.463, 0.471, 31.434 |
CIE-LCH | 62.872, 67.271, 86.642 |
CIE-LUV | 62.872, 34.35, 65.545 |
Hunter-Lab | 56.066, 0.351, 34.552 |
Binary | 10111011, 10010011, 00000000 |
Color Schemes with #bb9300
Alternatives to #bb9300
Below, you can see some colors close to #bb9300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb9300 Preview
This text has a font color of #bb9300.
<span style="color:#bb9300;">Text here</span>
This paragraph has a background color of #bb9300.
<p style="background-color:#bb9300;">Content here</p>
This element has a border color of #bb9300.
<div style="border:1px solid #bb9300;">Content here</div>
.text {color:#bb9300;}
.background {background-color:#bb9300;}
.border {border:1px solid #bb9300;}
Shades and Tints of #bb9300
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, #0a0800 is the darkest color, while #fffdf6 is the lightest one.
-
#0a0800
#0a0800
rgb(10,8,0)
-
#1e1800
#1e1800
rgb(30,24,0)
-
#322700
#322700
rgb(50,39,0)
-
#453600
#453600
rgb(69,54,0)
-
#594600
#594600
rgb(89,70,0)
-
#6d5500
#6d5500
rgb(109,85,0)
-
#806500
#806500
rgb(128,101,0)
-
#947400
#947400
rgb(148,116,0)
-
#a78400
#a78400
rgb(167,132,0)
-
#bb9300
#bb9300
rgb(187,147,0)
-
#cfa200
#cfa200
rgb(207,162,0)
-
#e2b200
#e2b200
rgb(226,178,0)
-
#f6c100
#f6c100
rgb(246,193,0)
-
#ffcb0a
#ffcb0a
rgb(255,203,10)
-
#ffcf1e
#ffcf1e
rgb(255,207,30)
-
#ffd332
#ffd332
rgb(255,211,50)
-
#ffd745
#ffd745
rgb(255,215,69)
-
#ffdb59
#ffdb59
rgb(255,219,89)
-
#ffe06d
#ffe06d
rgb(255,224,109)
-
#ffe480
#ffe480
rgb(255,228,128)
-
#ffe894
#ffe894
rgb(255,232,148)
-
#ffeca7
#ffeca7
rgb(255,236,167)
-
#fff0bb
#fff0bb
rgb(255,240,187)
-
#fff5cf
#fff5cf
rgb(255,245,207)
-
#fff9e2
#fff9e2
rgb(255,249,226)
-
#fffdf6
#fffdf6
rgb(255,253,246)
Tones of #bb9300
A tone is produced by adding gray to any pure hue. In this case, #656256 is the less saturated color, while #bb9300 is the most saturated one.
-
#656256
#656256
rgb(101,98,86)
-
#6c664f
#6c664f
rgb(108,102,79)
-
#736a48
#736a48
rgb(115,106,72)
-
#7a6e41
#7a6e41
rgb(122,110,65)
-
#81723a
#81723a
rgb(129,114,58)
-
#897632
#897632
rgb(137,118,50)
-
#907a2b
#907a2b
rgb(144,122,43)
-
#977e24
#977e24
rgb(151,126,36)
-
#9e831d
#9e831d
rgb(158,131,29)
-
#a58716
#a58716
rgb(165,135,22)
-
#ad8b0e
#ad8b0e
rgb(173,139,14)
-
#b48f07
#b48f07
rgb(180,143,7)
-
#bb9300
#bb9300
rgb(187,147,0)
Color Blindness Simulator
Below, you can see how #bb9300 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.