#bb5a30 Color Information
In a RGB color space, hex #bb5a30 is composed of 73.3% red, 35.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.9% magenta, 74.3% yellow and 26.7% black. It has a hue angle of 18.1 degrees, a saturation of 59.1% and a lightness of 46.1%. #bb5a30 color hex could be obtained by blending #ffb460 with #770000. Closest websafe color is: #cc6633.
-
- R 73
- G 35
- B 19
-
- C 0
- M 52
- Y 74
- K 27
● #bb5a30 color description : Moderate orange.
#bb5a30 Color Conversion
The hexadecimal color #bb5a30 has RGB values of R:187, G:90, B:48 and CMYK values of C:0, M:0.52, Y:0.74, K:0.27. Its decimal value is 12278320.
Hex triplet | bb5a30 | #bb5a30 |
---|---|---|
RGB Decimal | 187, 90, 48 | rgb(187,90,48) |
RGB Percent | 73.3, 35.3, 18.8 | rgb(73.3%,35.3%,18.8%) |
CMYK | 0, 52, 74, 27 | |
HSL | 18.1°, 59.1, 46.1 | hsl(18.1,59.1%,46.1%) |
HSV (or HSB) | 18.1°, 74.3, 73.3 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 49.609, 36.209, 41.553 |
---|---|
XYZ | 24.684, 18.093, 4.989 |
xyY | 0.517, 0.379, 18.093 |
CIE-LCH | 49.609, 55.115, 48.932 |
CIE-LUV | 49.609, 77.129, 35.586 |
Hunter-Lab | 42.536, 29.149, 22.821 |
Binary | 10111011, 01011010, 00110000 |
Color Schemes with #bb5a30
Alternatives to #bb5a30
Below, you can see some colors close to #bb5a30. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb5a30 Preview
This text has a font color of #bb5a30.
<span style="color:#bb5a30;">Text here</span>
This paragraph has a background color of #bb5a30.
<p style="background-color:#bb5a30;">Content here</p>
This element has a border color of #bb5a30.
<div style="border:1px solid #bb5a30;">Content here</div>
.text {color:#bb5a30;}
.background {background-color:#bb5a30;}
.border {border:1px solid #bb5a30;}
Shades and Tints of #bb5a30
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, #0f0704 is the darkest color, while #ffffff is the lightest one.
-
#0f0704
#0f0704
rgb(15,7,4)
-
#1f0f08
#1f0f08
rgb(31,15,8)
-
#2f160c
#2f160c
rgb(47,22,12)
-
#3e1e10
#3e1e10
rgb(62,30,16)
-
#4e2514
#4e2514
rgb(78,37,20)
-
#5d2d18
#5d2d18
rgb(93,45,24)
-
#6d341c
#6d341c
rgb(109,52,28)
-
#7d3c20
#7d3c20
rgb(125,60,32)
-
#8c4324
#8c4324
rgb(140,67,36)
-
#9c4b28
#9c4b28
rgb(156,75,40)
-
#ab522c
#ab522c
rgb(171,82,44)
-
#bb5a30
#bb5a30
rgb(187,90,48)
-
#cb6234
#cb6234
rgb(203,98,52)
-
#cf6e43
#cf6e43
rgb(207,110,67)
-
#d37a53
#d37a53
rgb(211,122,83)
-
#d78663
#d78663
rgb(215,134,99)
-
#db9272
#db9272
rgb(219,146,114)
-
#df9e82
#df9e82
rgb(223,158,130)
-
#e3aa91
#e3aa91
rgb(227,170,145)
-
#e7b6a1
#e7b6a1
rgb(231,182,161)
-
#ebc2b1
#ebc2b1
rgb(235,194,177)
-
#efcec0
#efcec0
rgb(239,206,192)
-
#f3dad0
#f3dad0
rgb(243,218,208)
-
#f7e7df
#f7e7df
rgb(247,231,223)
-
#fbf3ef
#fbf3ef
rgb(251,243,239)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #bb5a30
A tone is produced by adding gray to any pure hue. In this case, #7c736f is the less saturated color, while #e84803 is the most saturated one.
-
#7c736f
#7c736f
rgb(124,115,111)
-
#856f66
#856f66
rgb(133,111,102)
-
#8e6c5d
#8e6c5d
rgb(142,108,93)
-
#976854
#976854
rgb(151,104,84)
-
#a0654b
#a0654b
rgb(160,101,75)
-
#a96142
#a96142
rgb(169,97,66)
-
#b25e39
#b25e39
rgb(178,94,57)
-
#bb5a30
#bb5a30
rgb(187,90,48)
-
#c45627
#c45627
rgb(196,86,39)
-
#cd531e
#cd531e
rgb(205,83,30)
-
#d64f15
#d64f15
rgb(214,79,21)
-
#df4c0c
#df4c0c
rgb(223,76,12)
-
#e84803
#e84803
rgb(232,72,3)
Color Blindness Simulator
Below, you can see how #bb5a30 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.