#ba550b Color Information
In a RGB color space, hex #ba550b is composed of 72.9% red, 33.3% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.3% magenta, 94.1% yellow and 27.1% black. It has a hue angle of 25.4 degrees, a saturation of 88.8% and a lightness of 38.6%. #ba550b color hex could be obtained by blending #ffaa16 with #750000. Closest websafe color is: #cc6600.
-
- R 73
- G 33
- B 4
-
- C 0
- M 54
- Y 94
- K 27
● #ba550b color description : Strong orange.
#ba550b Color Conversion
The hexadecimal color #ba550b has RGB values of R:186, G:85, B:11 and CMYK values of C:0, M:0.54, Y:0.94, K:0.27. Its decimal value is 12211467.
Hex triplet | ba550b | #ba550b |
---|---|---|
RGB Decimal | 186, 85, 11 | rgb(186,85,11) |
RGB Percent | 72.9, 33.3, 4.3 | rgb(72.9%,33.3%,4.3%) |
CMYK | 0, 54, 94, 27 | |
HSL | 25.4°, 88.8, 38.6 | hsl(25.4,88.8%,38.6%) |
HSV (or HSB) | 25.4°, 94.1, 72.9 | |
Web Safe | cc6600 | #cc6600 |
CIE-LAB | 48.213, 37.305, 55.027 |
---|---|
XYZ | 23.56, 16.963, 2.35 |
xyY | 0.55, 0.396, 16.963 |
CIE-LCH | 48.213, 66.48, 55.865 |
CIE-LUV | 48.213, 83.212, 42.139 |
Hunter-Lab | 41.186, 30.033, 25.447 |
Binary | 10111010, 01010101, 00001011 |
Color Schemes with #ba550b
Alternatives to #ba550b
Below, you can see some colors close to #ba550b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba550b Preview
This text has a font color of #ba550b.
<span style="color:#ba550b;">Text here</span>
This paragraph has a background color of #ba550b.
<p style="background-color:#ba550b;">Content here</p>
This element has a border color of #ba550b.
<div style="border:1px solid #ba550b;">Content here</div>
.text {color:#ba550b;}
.background {background-color:#ba550b;}
.border {border:1px solid #ba550b;}
Shades and Tints of #ba550b
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, #010000 is the darkest color, while #fef4ed is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#130901
#130901
rgb(19,9,1)
-
#261102
#261102
rgb(38,17,2)
-
#381a03
#381a03
rgb(56,26,3)
-
#4b2204
#4b2204
rgb(75,34,4)
-
#5d2b06
#5d2b06
rgb(93,43,6)
-
#703307
#703307
rgb(112,51,7)
-
#823c08
#823c08
rgb(130,60,8)
-
#954409
#954409
rgb(149,68,9)
-
#a74d0a
#a74d0a
rgb(167,77,10)
-
#ba550b
#ba550b
rgb(186,85,11)
-
#cd5d0c
#cd5d0c
rgb(205,93,12)
-
#df660d
#df660d
rgb(223,102,13)
-
#f16f0f
#f16f0f
rgb(241,111,15)
-
#f27a22
#f27a22
rgb(242,122,34)
-
#f38534
#f38534
rgb(243,133,52)
-
#f49047
#f49047
rgb(244,144,71)
-
#f59b59
#f59b59
rgb(245,155,89)
-
#f6a66c
#f6a66c
rgb(246,166,108)
-
#f7b17e
#f7b17e
rgb(247,177,126)
-
#f8bd91
#f8bd91
rgb(248,189,145)
-
#fac8a3
#fac8a3
rgb(250,200,163)
-
#fbd3b6
#fbd3b6
rgb(251,211,182)
-
#fcdec8
#fcdec8
rgb(252,222,200)
-
#fde9db
#fde9db
rgb(253,233,219)
-
#fef4ed
#fef4ed
rgb(254,244,237)
Tones of #ba550b
A tone is produced by adding gray to any pure hue. In this case, #67625e is the less saturated color, while #c25403 is the most saturated one.
-
#67625e
#67625e
rgb(103,98,94)
-
#6e6157
#6e6157
rgb(110,97,87)
-
#76604f
#76604f
rgb(118,96,79)
-
#7d5e48
#7d5e48
rgb(125,94,72)
-
#855d40
#855d40
rgb(133,93,64)
-
#8d5c38
#8d5c38
rgb(141,92,56)
-
#945b31
#945b31
rgb(148,91,49)
-
#9c5a29
#9c5a29
rgb(156,90,41)
-
#a35922
#a35922
rgb(163,89,34)
-
#ab571a
#ab571a
rgb(171,87,26)
-
#b25613
#b25613
rgb(178,86,19)
-
#ba550b
#ba550b
rgb(186,85,11)
-
#c25403
#c25403
rgb(194,84,3)
Color Blindness Simulator
Below, you can see how #ba550b 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.