#ba5800 Color Information
In a RGB color space, hex #ba5800 is composed of 72.9% red, 34.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.7% magenta, 100% yellow and 27.1% black. It has a hue angle of 28.4 degrees, a saturation of 100% and a lightness of 36.5%. #ba5800 color hex could be obtained by blending #ffb000 with #750000. Closest websafe color is: #cc6600.
-
- R 73
- G 35
- B 0
-
- C 0
- M 53
- Y 100
- K 27
● #ba5800 color description : Strong orange.
#ba5800 Color Conversion
The hexadecimal color #ba5800 has RGB values of R:186, G:88, B:0 and CMYK values of C:0, M:0.53, Y:1, K:0.27. Its decimal value is 12212224.
Hex triplet | ba5800 | #ba5800 |
---|---|---|
RGB Decimal | 186, 88, 0 | rgb(186,88,0) |
RGB Percent | 72.9, 34.5, 0 | rgb(72.9%,34.5%,0%) |
CMYK | 0, 53, 100, 27 | |
HSL | 28.4°, 100, 36.5 | hsl(28.4,100%,36.5%) |
HSV (or HSB) | 28.4°, 100, 72.9 | |
Web Safe | cc6600 | #cc6600 |
CIE-LAB | 48.786, 35.636, 57.959 |
---|---|
XYZ | 23.74, 17.421, 2.112 |
xyY | 0.549, 0.403, 17.421 |
CIE-LCH | 48.786, 68.038, 58.415 |
CIE-LUV | 48.786, 81.212, 44.225 |
Hunter-Lab | 41.738, 28.487, 26.216 |
Binary | 10111010, 01011000, 00000000 |
Color Schemes with #ba5800
Alternatives to #ba5800
Below, you can see some colors close to #ba5800. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba5800 Preview
This text has a font color of #ba5800.
<span style="color:#ba5800;">Text here</span>
This paragraph has a background color of #ba5800.
<p style="background-color:#ba5800;">Content here</p>
This element has a border color of #ba5800.
<div style="border:1px solid #ba5800;">Content here</div>
.text {color:#ba5800;}
.background {background-color:#ba5800;}
.border {border:1px solid #ba5800;}
Shades and Tints of #ba5800
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, #090400 is the darkest color, while #fffaf5 is the lightest one.
-
#090400
#090400
rgb(9,4,0)
-
#1d0e00
#1d0e00
rgb(29,14,0)
-
#311700
#311700
rgb(49,23,0)
-
#442000
#442000
rgb(68,32,0)
-
#582a00
#582a00
rgb(88,42,0)
-
#6c3300
#6c3300
rgb(108,51,0)
-
#7f3c00
#7f3c00
rgb(127,60,0)
-
#934500
#934500
rgb(147,69,0)
-
#a64f00
#a64f00
rgb(166,79,0)
-
#ba5800
#ba5800
rgb(186,88,0)
-
#ce6100
#ce6100
rgb(206,97,0)
-
#e16b00
#e16b00
rgb(225,107,0)
-
#f57400
#f57400
rgb(245,116,0)
-
#ff7e09
#ff7e09
rgb(255,126,9)
-
#ff881d
#ff881d
rgb(255,136,29)
-
#ff9231
#ff9231
rgb(255,146,49)
-
#ff9d44
#ff9d44
rgb(255,157,68)
-
#ffa758
#ffa758
rgb(255,167,88)
-
#ffb16c
#ffb16c
rgb(255,177,108)
-
#ffbc7f
#ffbc7f
rgb(255,188,127)
-
#ffc693
#ffc693
rgb(255,198,147)
-
#ffd0a6
#ffd0a6
rgb(255,208,166)
-
#ffdbba
#ffdbba
rgb(255,219,186)
-
#ffe5ce
#ffe5ce
rgb(255,229,206)
-
#ffefe1
#ffefe1
rgb(255,239,225)
-
#fffaf5
#fffaf5
rgb(255,250,245)
Tones of #ba5800
A tone is produced by adding gray to any pure hue. In this case, #645d56 is the less saturated color, while #ba5800 is the most saturated one.
-
#645d56
#645d56
rgb(100,93,86)
-
#6b5c4f
#6b5c4f
rgb(107,92,79)
-
#725c48
#725c48
rgb(114,92,72)
-
#7a5b40
#7a5b40
rgb(122,91,64)
-
#815b39
#815b39
rgb(129,91,57)
-
#885b32
#885b32
rgb(136,91,50)
-
#8f5a2b
#8f5a2b
rgb(143,90,43)
-
#965a24
#965a24
rgb(150,90,36)
-
#9d5a1d
#9d5a1d
rgb(157,90,29)
-
#a55915
#a55915
rgb(165,89,21)
-
#ac590e
#ac590e
rgb(172,89,14)
-
#b35807
#b35807
rgb(179,88,7)
-
#ba5800
#ba5800
rgb(186,88,0)
Color Blindness Simulator
Below, you can see how #ba5800 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.