#ba4200 Color Information
In a RGB color space, hex #ba4200 is composed of 72.9% red, 25.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.5% magenta, 100% yellow and 27.1% black. It has a hue angle of 21.3 degrees, a saturation of 100% and a lightness of 36.5%. #ba4200 color hex could be obtained by blending #ff8400 with #750000. Closest websafe color is: #cc3300.
-
- R 73
- G 26
- B 0
-
- C 0
- M 65
- Y 100
- K 27
● #ba4200 color description : Strong orange.
#ba4200 Color Conversion
The hexadecimal color #ba4200 has RGB values of R:186, G:66, B:0 and CMYK values of C:0, M:0.65, Y:1, K:0.27. Its decimal value is 12206592.
Hex triplet | ba4200 | #ba4200 |
---|---|---|
RGB Decimal | 186, 66, 0 | rgb(186,66,0) |
RGB Percent | 72.9, 25.9, 0 | rgb(72.9%,25.9%,0%) |
CMYK | 0, 65, 100, 27 | |
HSL | 21.3°, 100, 36.5 | hsl(21.3,100%,36.5%) |
HSV (or HSB) | 21.3°, 100, 72.9 | |
Web Safe | cc3300 | #cc3300 |
CIE-LAB | 44.714, 46.22, 55.706 |
---|---|
XYZ | 22.199, 14.338, 1.599 |
xyY | 0.582, 0.376, 14.338 |
CIE-LCH | 44.714, 72.384, 50.317 |
CIE-LUV | 44.714, 98.228, 37.639 |
Hunter-Lab | 37.866, 38.382, 24.003 |
Binary | 10111010, 01000010, 00000000 |
Color Schemes with #ba4200
Alternatives to #ba4200
Below, you can see some colors close to #ba4200. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba4200 Preview
This text has a font color of #ba4200.
<span style="color:#ba4200;">Text here</span>
This paragraph has a background color of #ba4200.
<p style="background-color:#ba4200;">Content here</p>
This element has a border color of #ba4200.
<div style="border:1px solid #ba4200;">Content here</div>
.text {color:#ba4200;}
.background {background-color:#ba4200;}
.border {border:1px solid #ba4200;}
Shades and Tints of #ba4200
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, #090300 is the darkest color, while #fff8f5 is the lightest one.
-
#090300
#090300
rgb(9,3,0)
-
#1d0a00
#1d0a00
rgb(29,10,0)
-
#311100
#311100
rgb(49,17,0)
-
#441800
#441800
rgb(68,24,0)
-
#581f00
#581f00
rgb(88,31,0)
-
#6c2600
#6c2600
rgb(108,38,0)
-
#7f2d00
#7f2d00
rgb(127,45,0)
-
#933400
#933400
rgb(147,52,0)
-
#a63b00
#a63b00
rgb(166,59,0)
-
#ba4200
#ba4200
rgb(186,66,0)
-
#ce4900
#ce4900
rgb(206,73,0)
-
#e15000
#e15000
rgb(225,80,0)
-
#f55700
#f55700
rgb(245,87,0)
-
#ff6109
#ff6109
rgb(255,97,9)
-
#ff6d1d
#ff6d1d
rgb(255,109,29)
-
#ff7a31
#ff7a31
rgb(255,122,49)
-
#ff8744
#ff8744
rgb(255,135,68)
-
#ff9358
#ff9358
rgb(255,147,88)
-
#ffa06c
#ffa06c
rgb(255,160,108)
-
#ffad7f
#ffad7f
rgb(255,173,127)
-
#ffb993
#ffb993
rgb(255,185,147)
-
#ffc6a6
#ffc6a6
rgb(255,198,166)
-
#ffd2ba
#ffd2ba
rgb(255,210,186)
-
#ffdfce
#ffdfce
rgb(255,223,206)
-
#ffece1
#ffece1
rgb(255,236,225)
-
#fff8f5
#fff8f5
rgb(255,248,245)
Tones of #ba4200
A tone is produced by adding gray to any pure hue. In this case, #645b56 is the less saturated color, while #ba4200 is the most saturated one.
-
#645b56
#645b56
rgb(100,91,86)
-
#6b594f
#6b594f
rgb(107,89,79)
-
#725748
#725748
rgb(114,87,72)
-
#7a5540
#7a5540
rgb(122,85,64)
-
#815339
#815339
rgb(129,83,57)
-
#885132
#885132
rgb(136,81,50)
-
#8f4e2b
#8f4e2b
rgb(143,78,43)
-
#964c24
#964c24
rgb(150,76,36)
-
#9d4a1d
#9d4a1d
rgb(157,74,29)
-
#a54815
#a54815
rgb(165,72,21)
-
#ac460e
#ac460e
rgb(172,70,14)
-
#b34407
#b34407
rgb(179,68,7)
-
#ba4200
#ba4200
rgb(186,66,0)
Color Blindness Simulator
Below, you can see how #ba4200 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.