#ba4301 Color Information
In a RGB color space, hex #ba4301 is composed of 72.9% red, 26.3% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64% magenta, 99.5% yellow and 27.1% black. It has a hue angle of 21.4 degrees, a saturation of 98.9% and a lightness of 36.7%. #ba4301 color hex could be obtained by blending #ff8602 with #750000. Closest websafe color is: #cc3300.
-
- R 73
- G 26
- B 0
-
- C 0
- M 64
- Y 99
- K 27
● #ba4301 color description : Strong orange.
#ba4301 Color Conversion
The hexadecimal color #ba4301 has RGB values of R:186, G:67, B:1 and CMYK values of C:0, M:0.64, Y:0.99, K:0.27. Its decimal value is 12206849.
Hex triplet | ba4301 | #ba4301 |
---|---|---|
RGB Decimal | 186, 67, 1 | rgb(186,67,1) |
RGB Percent | 72.9, 26.3, 0.4 | rgb(72.9%,26.3%,0.4%) |
CMYK | 0, 64, 99, 27 | |
HSL | 21.4°, 98.9, 36.7 | hsl(21.4,98.9%,36.7%) |
HSV (or HSB) | 21.4°, 99.5, 72.9 | |
Web Safe | cc3300 | #cc3300 |
CIE-LAB | 44.883, 45.789, 55.507 |
---|---|
XYZ | 22.263, 14.458, 1.647 |
xyY | 0.58, 0.377, 14.458 |
CIE-LCH | 44.883, 71.956, 50.48 |
CIE-LUV | 44.883, 97.452, 37.802 |
Hunter-Lab | 38.024, 37.972, 24.048 |
Binary | 10111010, 01000011, 00000001 |
Color Schemes with #ba4301
Alternatives to #ba4301
Below, you can see some colors close to #ba4301. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba4301 Preview
This text has a font color of #ba4301.
<span style="color:#ba4301;">Text here</span>
This paragraph has a background color of #ba4301.
<p style="background-color:#ba4301;">Content here</p>
This element has a border color of #ba4301.
<div style="border:1px solid #ba4301;">Content here</div>
.text {color:#ba4301;}
.background {background-color:#ba4301;}
.border {border:1px solid #ba4301;}
Shades and Tints of #ba4301
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, #0a0400 is the darkest color, while #fff9f6 is the lightest one.
-
#0a0400
#0a0400
rgb(10,4,0)
-
#1e0b00
#1e0b00
rgb(30,11,0)
-
#311200
#311200
rgb(49,18,0)
-
#451900
#451900
rgb(69,25,0)
-
#582000
#582000
rgb(88,32,0)
-
#6c2701
#6c2701
rgb(108,39,1)
-
#7f2e01
#7f2e01
rgb(127,46,1)
-
#933501
#933501
rgb(147,53,1)
-
#a63c01
#a63c01
rgb(166,60,1)
-
#ba4301
#ba4301
rgb(186,67,1)
-
#ce4a01
#ce4a01
rgb(206,74,1)
-
#e15101
#e15101
rgb(225,81,1)
-
#f55801
#f55801
rgb(245,88,1)
-
#fe620c
#fe620c
rgb(254,98,12)
-
#fe6f1f
#fe6f1f
rgb(254,111,31)
-
#fe7b33
#fe7b33
rgb(254,123,51)
-
#fe8846
#fe8846
rgb(254,136,70)
-
#fe945a
#fe945a
rgb(254,148,90)
-
#fea16d
#fea16d
rgb(254,161,109)
-
#feae81
#feae81
rgb(254,174,129)
-
#feba94
#feba94
rgb(254,186,148)
-
#ffc7a8
#ffc7a8
rgb(255,199,168)
-
#ffd3bb
#ffd3bb
rgb(255,211,187)
-
#ffe0cf
#ffe0cf
rgb(255,224,207)
-
#ffede2
#ffede2
rgb(255,237,226)
-
#fff9f6
#fff9f6
rgb(255,249,246)
Tones of #ba4301
A tone is produced by adding gray to any pure hue. In this case, #645c57 is the less saturated color, while #ba4301 is the most saturated one.
-
#645c57
#645c57
rgb(100,92,87)
-
#6b5a50
#6b5a50
rgb(107,90,80)
-
#725849
#725849
rgb(114,88,73)
-
#795642
#795642
rgb(121,86,66)
-
#80533b
#80533b
rgb(128,83,59)
-
#885133
#885133
rgb(136,81,51)
-
#8f4f2c
#8f4f2c
rgb(143,79,44)
-
#964d25
#964d25
rgb(150,77,37)
-
#9d4b1e
#9d4b1e
rgb(157,75,30)
-
#a44917
#a44917
rgb(164,73,23)
-
#ac470f
#ac470f
rgb(172,71,15)
-
#b34508
#b34508
rgb(179,69,8)
-
#ba4301
#ba4301
rgb(186,67,1)
Color Blindness Simulator
Below, you can see how #ba4301 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.