#bb5022 Color Information
In a RGB color space, hex #bb5022 is composed of 73.3% red, 31.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.2% magenta, 81.8% yellow and 26.7% black. It has a hue angle of 18 degrees, a saturation of 69.2% and a lightness of 43.3%. #bb5022 color hex could be obtained by blending #ffa044 with #770000. Closest websafe color is: #cc6633.
-
- R 73
- G 31
- B 13
-
- C 0
- M 57
- Y 82
- K 27
● #bb5022 color description : Strong orange.
#bb5022 Color Conversion
The hexadecimal color #bb5022 has RGB values of R:187, G:80, B:34 and CMYK values of C:0, M:0.57, Y:0.82, K:0.27. Its decimal value is 12275746.
Hex triplet | bb5022 | #bb5022 |
---|---|---|
RGB Decimal | 187, 80, 34 | rgb(187,80,34) |
RGB Percent | 73.3, 31.4, 13.3 | rgb(73.3%,31.4%,13.3%) |
CMYK | 0, 57, 82, 27 | |
HSL | 18°, 69.2, 43.3 | hsl(18,69.2%,43.3%) |
HSV (or HSB) | 18°, 81.8, 73.3 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 47.521, 40.697, 46.31 |
---|---|
XYZ | 23.652, 16.42, 3.437 |
xyY | 0.544, 0.377, 16.42 |
CIE-LCH | 47.521, 61.651, 48.691 |
CIE-LUV | 47.521, 86.319, 36.42 |
Hunter-Lab | 40.522, 33.275, 23.336 |
Binary | 10111011, 01010000, 00100010 |
Color Schemes with #bb5022
Alternatives to #bb5022
Below, you can see some colors close to #bb5022. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb5022 Preview
This text has a font color of #bb5022.
<span style="color:#bb5022;">Text here</span>
This paragraph has a background color of #bb5022.
<p style="background-color:#bb5022;">Content here</p>
This element has a border color of #bb5022.
<div style="border:1px solid #bb5022;">Content here</div>
.text {color:#bb5022;}
.background {background-color:#bb5022;}
.border {border:1px solid #bb5022;}
Shades and Tints of #bb5022
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, #040201 is the darkest color, while #fdf6f3 is the lightest one.
-
#040201
#040201
rgb(4,2,1)
-
#150904
#150904
rgb(21,9,4)
-
#261007
#261007
rgb(38,16,7)
-
#36170a
#36170a
rgb(54,23,10)
-
#471e0d
#471e0d
rgb(71,30,13)
-
#572510
#572510
rgb(87,37,16)
-
#682c13
#682c13
rgb(104,44,19)
-
#793416
#793416
rgb(121,52,22)
-
#893b19
#893b19
rgb(137,59,25)
-
#9a421c
#9a421c
rgb(154,66,28)
-
#aa491f
#aa491f
rgb(170,73,31)
-
#bb5022
#bb5022
rgb(187,80,34)
-
#cc5725
#cc5725
rgb(204,87,37)
-
#d9602c
#d9602c
rgb(217,96,44)
-
#dc6c3c
#dc6c3c
rgb(220,108,60)
-
#df794d
#df794d
rgb(223,121,77)
-
#e2855d
#e2855d
rgb(226,133,93)
-
#e5926e
#e5926e
rgb(229,146,110)
-
#e89e7f
#e89e7f
rgb(232,158,127)
-
#ebab8f
#ebab8f
rgb(235,171,143)
-
#eeb7a0
#eeb7a0
rgb(238,183,160)
-
#f1c4b0
#f1c4b0
rgb(241,196,176)
-
#f4d0c1
#f4d0c1
rgb(244,208,193)
-
#f7ddd2
#f7ddd2
rgb(247,221,210)
-
#fae9e2
#fae9e2
rgb(250,233,226)
-
#fdf6f3
#fdf6f3
rgb(253,246,243)
Tones of #bb5022
A tone is produced by adding gray to any pure hue. In this case, #6f6f6f is the less saturated color, while #d54608 is the most saturated one.
-
#6f6f6f
#6f6f6f
rgb(111,111,111)
-
#776b66
#776b66
rgb(119,107,102)
-
#80685e
#80685e
rgb(128,104,94)
-
#886455
#886455
rgb(136,100,85)
-
#91614d
#91614d
rgb(145,97,77)
-
#995e44
#995e44
rgb(153,94,68)
-
#a25a3c
#a25a3c
rgb(162,90,60)
-
#aa5733
#aa5733
rgb(170,87,51)
-
#b3532b
#b3532b
rgb(179,83,43)
-
#bb5022
#bb5022
rgb(187,80,34)
-
#c44d1a
#c44d1a
rgb(196,77,26)
-
#cc4911
#cc4911
rgb(204,73,17)
-
#d54608
#d54608
rgb(213,70,8)
Color Blindness Simulator
Below, you can see how #bb5022 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.