#bb5101 Color Information
In a RGB color space, hex #bb5101 is composed of 73.3% red, 31.8% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.7% magenta, 99.5% yellow and 26.7% black. It has a hue angle of 25.8 degrees, a saturation of 98.9% and a lightness of 36.9%. #bb5101 color hex could be obtained by blending #ffa202 with #770000. Closest websafe color is: #cc6600.
-
- R 73
- G 32
- B 0
-
- C 0
- M 57
- Y 99
- K 27
● #bb5101 color description : Strong orange.
#bb5101 Color Conversion
The hexadecimal color #bb5101 has RGB values of R:187, G:81, B:1 and CMYK values of C:0, M:0.57, Y:0.99, K:0.27. Its decimal value is 12275969.
Hex triplet | bb5101 | #bb5101 |
---|---|---|
RGB Decimal | 187, 81, 1 | rgb(187,81,1) |
RGB Percent | 73.3, 31.8, 0.4 | rgb(73.3%,31.8%,0.4%) |
CMYK | 0, 57, 99, 27 | |
HSL | 25.8°, 98.9, 36.9 | hsl(25.8,98.9%,36.9%) |
HSV (or HSB) | 25.8°, 99.5, 73.3 | |
Web Safe | cc6600 | #cc6600 |
CIE-LAB | 47.565, 39.576, 57.087 |
---|---|
XYZ | 23.442, 16.454, 1.97 |
xyY | 0.56, 0.393, 16.454 |
CIE-LCH | 47.565, 69.464, 55.268 |
CIE-LUV | 47.565, 87.619, 41.98 |
Hunter-Lab | 40.564, 32.171, 25.515 |
Binary | 10111011, 01010001, 00000001 |
Color Schemes with #bb5101
Alternatives to #bb5101
Below, you can see some colors close to #bb5101. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb5101 Preview
This text has a font color of #bb5101.
<span style="color:#bb5101;">Text here</span>
This paragraph has a background color of #bb5101.
<p style="background-color:#bb5101;">Content here</p>
This element has a border color of #bb5101.
<div style="border:1px solid #bb5101;">Content here</div>
.text {color:#bb5101;}
.background {background-color:#bb5101;}
.border {border:1px solid #bb5101;}
Shades and Tints of #bb5101
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, #0b0500 is the darkest color, while #fffaf7 is the lightest one.
-
#0b0500
#0b0500
rgb(11,5,0)
-
#1f0d00
#1f0d00
rgb(31,13,0)
-
#321600
#321600
rgb(50,22,0)
-
#461e00
#461e00
rgb(70,30,0)
-
#592700
#592700
rgb(89,39,0)
-
#6d2f01
#6d2f01
rgb(109,47,1)
-
#803801
#803801
rgb(128,56,1)
-
#944001
#944001
rgb(148,64,1)
-
#a74901
#a74901
rgb(167,73,1)
-
#bb5101
#bb5101
rgb(187,81,1)
-
#cf5901
#cf5901
rgb(207,89,1)
-
#e26201
#e26201
rgb(226,98,1)
-
#f66a01
#f66a01
rgb(246,106,1)
-
#fe740d
#fe740d
rgb(254,116,13)
-
#fe8020
#fe8020
rgb(254,128,32)
-
#fe8b34
#fe8b34
rgb(254,139,52)
-
#fe9647
#fe9647
rgb(254,150,71)
-
#fea15b
#fea15b
rgb(254,161,91)
-
#feac6e
#feac6e
rgb(254,172,110)
-
#feb782
#feb782
rgb(254,183,130)
-
#fec395
#fec395
rgb(254,195,149)
-
#ffcea9
#ffcea9
rgb(255,206,169)
-
#ffd9bc
#ffd9bc
rgb(255,217,188)
-
#ffe4d0
#ffe4d0
rgb(255,228,208)
-
#ffefe3
#ffefe3
rgb(255,239,227)
-
#fffaf7
#fffaf7
rgb(255,250,247)
Tones of #bb5101
A tone is produced by adding gray to any pure hue. In this case, #645d58 is the less saturated color, while #bb5101 is the most saturated one.
-
#645d58
#645d58
rgb(100,93,88)
-
#6b5c51
#6b5c51
rgb(107,92,81)
-
#735b49
#735b49
rgb(115,91,73)
-
#7a5a42
#7a5a42
rgb(122,90,66)
-
#81593b
#81593b
rgb(129,89,59)
-
#885834
#885834
rgb(136,88,52)
-
#90572c
#90572c
rgb(144,87,44)
-
#975625
#975625
rgb(151,86,37)
-
#9e551e
#9e551e
rgb(158,85,30)
-
#a55417
#a55417
rgb(165,84,23)
-
#ad530f
#ad530f
rgb(173,83,15)
-
#b45208
#b45208
rgb(180,82,8)
-
#bb5101
#bb5101
rgb(187,81,1)
Color Blindness Simulator
Below, you can see how #bb5101 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.