#ba5301 Color Information
In a RGB color space, hex #ba5301 is composed of 72.9% red, 32.5% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.4% magenta, 99.5% yellow and 27.1% black. It has a hue angle of 26.6 degrees, a saturation of 98.9% and a lightness of 36.7%. #ba5301 color hex could be obtained by blending #ffa602 with #750000. Closest websafe color is: #cc6600.
-
- R 73
- G 33
- B 0
-
- C 0
- M 55
- Y 99
- K 27
● #ba5301 color description : Strong orange.
#ba5301 Color Conversion
The hexadecimal color #ba5301 has RGB values of R:186, G:83, B:1 and CMYK values of C:0, M:0.55, Y:0.99, K:0.27. Its decimal value is 12210945.
Hex triplet | ba5301 | #ba5301 |
---|---|---|
RGB Decimal | 186, 83, 1 | rgb(186,83,1) |
RGB Percent | 72.9, 32.5, 0.4 | rgb(72.9%,32.5%,0.4%) |
CMYK | 0, 55, 99, 27 | |
HSL | 26.6°, 98.9, 36.7 | hsl(26.6,98.9%,36.7%) |
HSV (or HSB) | 26.6°, 99.5, 72.9 | |
Web Safe | cc6600 | #cc6600 |
CIE-LAB | 47.791, 38.188, 57.134 |
---|---|
XYZ | 23.349, 16.63, 2.009 |
xyY | 0.556, 0.396, 16.63 |
CIE-LCH | 47.791, 68.721, 56.241 |
CIE-LUV | 47.791, 85.192, 42.526 |
Hunter-Lab | 40.78, 30.838, 25.625 |
Binary | 10111010, 01010011, 00000001 |
Color Schemes with #ba5301
Alternatives to #ba5301
Below, you can see some colors close to #ba5301. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba5301 Preview
This text has a font color of #ba5301.
<span style="color:#ba5301;">Text here</span>
This paragraph has a background color of #ba5301.
<p style="background-color:#ba5301;">Content here</p>
This element has a border color of #ba5301.
<div style="border:1px solid #ba5301;">Content here</div>
.text {color:#ba5301;}
.background {background-color:#ba5301;}
.border {border:1px solid #ba5301;}
Shades and Tints of #ba5301
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, #0a0500 is the darkest color, while #fffaf6 is the lightest one.
-
#0a0500
#0a0500
rgb(10,5,0)
-
#1e0d00
#1e0d00
rgb(30,13,0)
-
#311600
#311600
rgb(49,22,0)
-
#451f00
#451f00
rgb(69,31,0)
-
#582700
#582700
rgb(88,39,0)
-
#6c3001
#6c3001
rgb(108,48,1)
-
#7f3901
#7f3901
rgb(127,57,1)
-
#934201
#934201
rgb(147,66,1)
-
#a64a01
#a64a01
rgb(166,74,1)
-
#ba5301
#ba5301
rgb(186,83,1)
-
#ce5c01
#ce5c01
rgb(206,92,1)
-
#e16401
#e16401
rgb(225,100,1)
-
#f56d01
#f56d01
rgb(245,109,1)
-
#fe770c
#fe770c
rgb(254,119,12)
-
#fe821f
#fe821f
rgb(254,130,31)
-
#fe8d33
#fe8d33
rgb(254,141,51)
-
#fe9846
#fe9846
rgb(254,152,70)
-
#fea35a
#fea35a
rgb(254,163,90)
-
#feae6d
#feae6d
rgb(254,174,109)
-
#feb881
#feb881
rgb(254,184,129)
-
#fec394
#fec394
rgb(254,195,148)
-
#ffcea8
#ffcea8
rgb(255,206,168)
-
#ffd9bb
#ffd9bb
rgb(255,217,187)
-
#ffe4cf
#ffe4cf
rgb(255,228,207)
-
#ffefe2
#ffefe2
rgb(255,239,226)
-
#fffaf6
#fffaf6
rgb(255,250,246)
Tones of #ba5301
A tone is produced by adding gray to any pure hue. In this case, #645d57 is the less saturated color, while #ba5301 is the most saturated one.
-
#645d57
#645d57
rgb(100,93,87)
-
#6b5c50
#6b5c50
rgb(107,92,80)
-
#725b49
#725b49
rgb(114,91,73)
-
#795a42
#795a42
rgb(121,90,66)
-
#805a3b
#805a3b
rgb(128,90,59)
-
#885933
#885933
rgb(136,89,51)
-
#8f582c
#8f582c
rgb(143,88,44)
-
#965725
#965725
rgb(150,87,37)
-
#9d561e
#9d561e
rgb(157,86,30)
-
#a45517
#a45517
rgb(164,85,23)
-
#ac550f
#ac550f
rgb(172,85,15)
-
#b35408
#b35408
rgb(179,84,8)
-
#ba5301
#ba5301
rgb(186,83,1)
Color Blindness Simulator
Below, you can see how #ba5301 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.