#bb450b Color Information
In a RGB color space, hex #bb450b is composed of 73.3% red, 27.1% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.1% magenta, 94.1% yellow and 26.7% black. It has a hue angle of 19.8 degrees, a saturation of 88.9% and a lightness of 38.8%. #bb450b color hex could be obtained by blending #ff8a16 with #770000. Closest websafe color is: #cc3300.
-
- R 73
- G 27
- B 4
-
- C 0
- M 63
- Y 94
- K 27
● #bb450b color description : Strong orange.
#bb450b Color Conversion
The hexadecimal color #bb450b has RGB values of R:187, G:69, B:11 and CMYK values of C:0, M:0.63, Y:0.94, K:0.27. Its decimal value is 12272907.
| Hex triplet | bb450b | #bb450b |
|---|---|---|
| RGB Decimal | 187, 69, 11 | rgb(187,69,11) |
| RGB Percent | 73.3, 27.1, 4.3 | rgb(73.3%,27.1%,4.3%) |
| CMYK | 0, 63, 94, 27 | |
| HSL | 19.8°, 88.9, 38.8 | hsl(19.8,88.9%,38.8%) |
| HSV (or HSB) | 19.8°, 94.1, 73.3 | |
| Web Safe | cc3300 | #cc3300 |
| CIE-LAB | 45.425, 45.378, 53.24 |
|---|---|
| XYZ | 22.683, 14.848, 1.988 |
| xyY | 0.574, 0.376, 14.848 |
| CIE-LCH | 45.425, 69.954, 49.558 |
| CIE-LUV | 45.425, 96.327, 37.37 |
| Hunter-Lab | 38.533, 37.645, 23.914 |
| Binary | 10111011, 01000101, 00001011 |
Color Schemes with #bb450b
Alternatives to #bb450b
Below, you can see some colors close to #bb450b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb450b Preview
This text has a font color of #bb450b.
<span style="color:#bb450b;">Text here</span>
This paragraph has a background color of #bb450b.
<p style="background-color:#bb450b;">Content here</p>
This element has a border color of #bb450b.
<div style="border:1px solid #bb450b;">Content here</div>
.text {color:#bb450b;}
.background {background-color:#bb450b;}
.border {border:1px solid #bb450b;}
Shades and Tints of #bb450b
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, #020100 is the darkest color, while #fef3ee is the lightest one.
-
#020100
#020100rgb(2,1,0) -
#140701
#140701rgb(20,7,1) -
#270e02
#270e02rgb(39,14,2) -
#391503
#391503rgb(57,21,3) -
#4c1c04
#4c1c04rgb(76,28,4) -
#5e2306
#5e2306rgb(94,35,6) -
#712a07
#712a07rgb(113,42,7) -
#833008
#833008rgb(131,48,8) -
#963709
#963709rgb(150,55,9) -
#a83e0a
#a83e0argb(168,62,10) -
#bb450b
#bb450brgb(187,69,11) -
#ce4c0c
#ce4c0crgb(206,76,12) -
#e0530d
#e0530drgb(224,83,13)
-
#f15a10
#f15a10rgb(241,90,16) -
#f26722
#f26722rgb(242,103,34) -
#f37435
#f37435rgb(243,116,53) -
#f48047
#f48047rgb(244,128,71) -
#f58d5a
#f58d5argb(245,141,90) -
#f69a6d
#f69a6drgb(246,154,109) -
#f7a77f
#f7a77frgb(247,167,127) -
#f9b492
#f9b492rgb(249,180,146) -
#fac0a4
#fac0a4rgb(250,192,164) -
#fbcdb7
#fbcdb7rgb(251,205,183) -
#fcdac9
#fcdac9rgb(252,218,201) -
#fde7dc
#fde7dcrgb(253,231,220) -
#fef3ee
#fef3eergb(254,243,238)
Tones of #bb450b
A tone is produced by adding gray to any pure hue. In this case, #67625f is the less saturated color, while #c34203 is the most saturated one.
-
#67625f
#67625frgb(103,98,95) -
#6f5f57
#6f5f57rgb(111,95,87) -
#765c50
#765c50rgb(118,92,80) -
#7e5a48
#7e5a48rgb(126,90,72) -
#865740
#865740rgb(134,87,64) -
#8d5539
#8d5539rgb(141,85,57) -
#955231
#955231rgb(149,82,49) -
#9d4f29
#9d4f29rgb(157,79,41) -
#a44d22
#a44d22rgb(164,77,34) -
#ac4a1a
#ac4a1argb(172,74,26) -
#b34813
#b34813rgb(179,72,19) -
#bb450b
#bb450brgb(187,69,11) -
#c34203
#c34203rgb(195,66,3)
Color Blindness Simulator
Below, you can see how #bb450b 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.
