#ba7300 Color Information
In a RGB color space, hex #ba7300 is composed of 72.9% red, 45.1% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.2% magenta, 100% yellow and 27.1% black. It has a hue angle of 37.1 degrees, a saturation of 100% and a lightness of 36.5%. #ba7300 color hex could be obtained by blending #ffe600 with #750000. Closest websafe color is: #cc6600.
-
- R 73
- G 45
- B 0
-
- C 0
- M 38
- Y 100
- K 27
● #ba7300 color description : Strong orange.
#ba7300 Color Conversion
The hexadecimal color #ba7300 has RGB values of R:186, G:115, B:0 and CMYK values of C:0, M:0.38, Y:1, K:0.27. Its decimal value is 12219136.
Hex triplet | ba7300 | #ba7300 |
---|---|---|
RGB Decimal | 186, 115, 0 | rgb(186,115,0) |
RGB Percent | 72.9, 45.1, 0 | rgb(72.9%,45.1%,0%) |
CMYK | 0, 38, 100, 27 | |
HSL | 37.1°, 100, 36.5 | hsl(37.1,100%,36.5%) |
HSV (or HSB) | 37.1°, 100, 72.9 | |
Web Safe | cc6600 | #cc6600 |
CIE-LAB | 54.765, 21.134, 61.65 |
---|---|
XYZ | 26.381, 22.703, 2.993 |
xyY | 0.507, 0.436, 22.703 |
CIE-LCH | 54.765, 65.172, 71.078 |
CIE-LUV | 54.765, 59.011, 53.555 |
Hunter-Lab | 47.647, 15.449, 29.629 |
Binary | 10111010, 01110011, 00000000 |
Color Schemes with #ba7300
Alternatives to #ba7300
Below, you can see some colors close to #ba7300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba7300 Preview
This text has a font color of #ba7300.
<span style="color:#ba7300;">Text here</span>
This paragraph has a background color of #ba7300.
<p style="background-color:#ba7300;">Content here</p>
This element has a border color of #ba7300.
<div style="border:1px solid #ba7300;">Content here</div>
.text {color:#ba7300;}
.background {background-color:#ba7300;}
.border {border:1px solid #ba7300;}
Shades and Tints of #ba7300
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, #090600 is the darkest color, while #fffbf5 is the lightest one.
-
#090600
#090600
rgb(9,6,0)
-
#1d1200
#1d1200
rgb(29,18,0)
-
#311e00
#311e00
rgb(49,30,0)
-
#442a00
#442a00
rgb(68,42,0)
-
#583600
#583600
rgb(88,54,0)
-
#6c4200
#6c4200
rgb(108,66,0)
-
#7f4f00
#7f4f00
rgb(127,79,0)
-
#935b00
#935b00
rgb(147,91,0)
-
#a66700
#a66700
rgb(166,103,0)
-
#ba7300
#ba7300
rgb(186,115,0)
-
#ce7f00
#ce7f00
rgb(206,127,0)
-
#e18b00
#e18b00
rgb(225,139,0)
-
#f59700
#f59700
rgb(245,151,0)
-
#ffa109
#ffa109
rgb(255,161,9)
-
#ffa91d
#ffa91d
rgb(255,169,29)
-
#ffb031
#ffb031
rgb(255,176,49)
-
#ffb844
#ffb844
rgb(255,184,68)
-
#ffbf58
#ffbf58
rgb(255,191,88)
-
#ffc76c
#ffc76c
rgb(255,199,108)
-
#ffce7f
#ffce7f
rgb(255,206,127)
-
#ffd693
#ffd693
rgb(255,214,147)
-
#ffdda6
#ffdda6
rgb(255,221,166)
-
#ffe5ba
#ffe5ba
rgb(255,229,186)
-
#ffecce
#ffecce
rgb(255,236,206)
-
#fff4e1
#fff4e1
rgb(255,244,225)
-
#fffbf5
#fffbf5
rgb(255,251,245)
Tones of #ba7300
A tone is produced by adding gray to any pure hue. In this case, #645f56 is the less saturated color, while #ba7300 is the most saturated one.
-
#645f56
#645f56
rgb(100,95,86)
-
#6b604f
#6b604f
rgb(107,96,79)
-
#726248
#726248
rgb(114,98,72)
-
#7a6440
#7a6440
rgb(122,100,64)
-
#816539
#816539
rgb(129,101,57)
-
#886732
#886732
rgb(136,103,50)
-
#8f692b
#8f692b
rgb(143,105,43)
-
#966b24
#966b24
rgb(150,107,36)
-
#9d6c1d
#9d6c1d
rgb(157,108,29)
-
#a56e15
#a56e15
rgb(165,110,21)
-
#ac700e
#ac700e
rgb(172,112,14)
-
#b37107
#b37107
rgb(179,113,7)
-
#ba7300
#ba7300
rgb(186,115,0)
Color Blindness Simulator
Below, you can see how #ba7300 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.