#ba7224 Color Information
In a RGB color space, hex #ba7224 is composed of 72.9% red, 44.7% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.7% magenta, 80.6% yellow and 27.1% black. It has a hue angle of 31.2 degrees, a saturation of 67.6% and a lightness of 43.5%. #ba7224 color hex could be obtained by blending #ffe448 with #750000. Closest websafe color is: #cc6633.
-
- R 73
- G 45
- B 14
-
- C 0
- M 39
- Y 81
- K 27
● #ba7224 color description : Strong orange.
#ba7224 Color Conversion
The hexadecimal color #ba7224 has RGB values of R:186, G:114, B:36 and CMYK values of C:0, M:0.39, Y:0.81, K:0.27. Its decimal value is 12218916.
Hex triplet | ba7224 | #ba7224 |
---|---|---|
RGB Decimal | 186, 114, 36 | rgb(186,114,36) |
RGB Percent | 72.9, 44.7, 14.1 | rgb(72.9%,44.7%,14.1%) |
CMYK | 0, 39, 81, 27 | |
HSL | 31.2°, 67.6, 43.5 | hsl(31.2,67.6%,43.5%) |
HSV (or HSB) | 31.2°, 80.6, 72.9 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 54.661, 22.422, 52.013 |
---|---|
XYZ | 26.586, 22.603, 4.632 |
xyY | 0.494, 0.42, 22.603 |
CIE-LCH | 54.661, 56.641, 66.68 |
CIE-LUV | 54.661, 58.527, 48.083 |
Hunter-Lab | 47.543, 16.619, 27.504 |
Binary | 10111010, 01110010, 00100100 |
Color Schemes with #ba7224
Alternatives to #ba7224
Below, you can see some colors close to #ba7224. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba7224 Preview
This text has a font color of #ba7224.
<span style="color:#ba7224;">Text here</span>
This paragraph has a background color of #ba7224.
<p style="background-color:#ba7224;">Content here</p>
This element has a border color of #ba7224.
<div style="border:1px solid #ba7224;">Content here</div>
.text {color:#ba7224;}
.background {background-color:#ba7224;}
.border {border:1px solid #ba7224;}
Shades and Tints of #ba7224
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, #050301 is the darkest color, while #fdf8f4 is the lightest one.
-
#050301
#050301
rgb(5,3,1)
-
#160d04
#160d04
rgb(22,13,4)
-
#261707
#261707
rgb(38,23,7)
-
#37210b
#37210b
rgb(55,33,11)
-
#472b0e
#472b0e
rgb(71,43,14)
-
#573611
#573611
rgb(87,54,17)
-
#684014
#684014
rgb(104,64,20)
-
#784a17
#784a17
rgb(120,74,23)
-
#89541a
#89541a
rgb(137,84,26)
-
#995e1e
#995e1e
rgb(153,94,30)
-
#aa6821
#aa6821
rgb(170,104,33)
-
#ba7224
#ba7224
rgb(186,114,36)
-
#ca7c27
#ca7c27
rgb(202,124,39)
-
#d7862f
#d7862f
rgb(215,134,47)
-
#da903f
#da903f
rgb(218,144,63)
-
#dd994f
#dd994f
rgb(221,153,79)
-
#e0a360
#e0a360
rgb(224,163,96)
-
#e3ac70
#e3ac70
rgb(227,172,112)
-
#e7b681
#e7b681
rgb(231,182,129)
-
#eabf91
#eabf91
rgb(234,191,145)
-
#edc9a2
#edc9a2
rgb(237,201,162)
-
#f0d2b2
#f0d2b2
rgb(240,210,178)
-
#f3dcc2
#f3dcc2
rgb(243,220,194)
-
#f6e5d3
#f6e5d3
rgb(246,229,211)
-
#faefe3
#faefe3
rgb(250,239,227)
-
#fdf8f4
#fdf8f4
rgb(253,248,244)
Tones of #ba7224
A tone is produced by adding gray to any pure hue. In this case, #766f68 is the less saturated color, while #dc7302 is the most saturated one.
-
#766f68
#766f68
rgb(118,111,104)
-
#7e7060
#7e7060
rgb(126,112,96)
-
#877057
#877057
rgb(135,112,87)
-
#8f704f
#8f704f
rgb(143,112,79)
-
#987146
#987146
rgb(152,113,70)
-
#a0713e
#a0713e
rgb(160,113,62)
-
#a97135
#a97135
rgb(169,113,53)
-
#b1722d
#b1722d
rgb(177,114,45)
-
#ba7224
#ba7224
rgb(186,114,36)
-
#c3721b
#c3721b
rgb(195,114,27)
-
#cb7313
#cb7313
rgb(203,115,19)
-
#d4730a
#d4730a
rgb(212,115,10)
-
#dc7302
#dc7302
rgb(220,115,2)
Color Blindness Simulator
Below, you can see how #ba7224 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.