#ba5525 Color Information
In a RGB color space, hex #ba5525 is composed of 72.9% red, 33.3% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.3% magenta, 80.1% yellow and 27.1% black. It has a hue angle of 19.3 degrees, a saturation of 66.8% and a lightness of 43.7%. #ba5525 color hex could be obtained by blending #ffaa4a with #750000. Closest websafe color is: #cc6633.
-
- R 73
- G 33
- B 15
-
- C 0
- M 54
- Y 80
- K 27
● #ba5525 color description : Strong orange.
#ba5525 Color Conversion
The hexadecimal color #ba5525 has RGB values of R:186, G:85, B:37 and CMYK values of C:0, M:0.54, Y:0.8, K:0.27. Its decimal value is 12211493.
Hex triplet | ba5525 | #ba5525 |
---|---|---|
RGB Decimal | 186, 85, 37 | rgb(186,85,37) |
RGB Percent | 72.9, 33.3, 14.5 | rgb(72.9%,33.3%,14.5%) |
CMYK | 0, 54, 80, 27 | |
HSL | 19.3°, 66.8, 43.7 | hsl(19.3,66.8%,43.7%) |
HSV (or HSB) | 19.3°, 80.1, 72.9 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 48.351, 37.922, 45.646 |
---|---|
XYZ | 23.833, 17.072, 3.79 |
xyY | 0.533, 0.382, 17.072 |
CIE-LCH | 48.351, 59.343, 50.281 |
CIE-LUV | 48.351, 81.362, 37.178 |
Hunter-Lab | 41.318, 30.655, 23.484 |
Binary | 10111010, 01010101, 00100101 |
Color Schemes with #ba5525
Alternatives to #ba5525
Below, you can see some colors close to #ba5525. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba5525 Preview
This text has a font color of #ba5525.
<span style="color:#ba5525;">Text here</span>
This paragraph has a background color of #ba5525.
<p style="background-color:#ba5525;">Content here</p>
This element has a border color of #ba5525.
<div style="border:1px solid #ba5525;">Content here</div>
.text {color:#ba5525;}
.background {background-color:#ba5525;}
.border {border:1px solid #ba5525;}
Shades and Tints of #ba5525
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, #060301 is the darkest color, while #fdf7f5 is the lightest one.
-
#060301
#060301
rgb(6,3,1)
-
#160a04
#160a04
rgb(22,10,4)
-
#271208
#271208
rgb(39,18,8)
-
#37190b
#37190b
rgb(55,25,11)
-
#47210e
#47210e
rgb(71,33,14)
-
#582811
#582811
rgb(88,40,17)
-
#683015
#683015
rgb(104,48,21)
-
#793718
#793718
rgb(121,55,24)
-
#893f1b
#893f1b
rgb(137,63,27)
-
#99461e
#99461e
rgb(153,70,30)
-
#aa4e22
#aa4e22
rgb(170,78,34)
-
#ba5525
#ba5525
rgb(186,85,37)
-
#ca5c28
#ca5c28
rgb(202,92,40)
-
#d66630
#d66630
rgb(214,102,48)
-
#d97241
#d97241
rgb(217,114,65)
-
#dc7e51
#dc7e51
rgb(220,126,81)
-
#e08a61
#e08a61
rgb(224,138,97)
-
#e39672
#e39672
rgb(227,150,114)
-
#e6a282
#e6a282
rgb(230,162,130)
-
#e9af93
#e9af93
rgb(233,175,147)
-
#edbba3
#edbba3
rgb(237,187,163)
-
#f0c7b3
#f0c7b3
rgb(240,199,179)
-
#f3d3c4
#f3d3c4
rgb(243,211,196)
-
#f6dfd4
#f6dfd4
rgb(246,223,212)
-
#faebe4
#faebe4
rgb(250,235,228)
-
#fdf7f5
#fdf7f5
rgb(253,247,245)
Tones of #ba5525
A tone is produced by adding gray to any pure hue. In this case, #756d6a is the less saturated color, while #dc4903 is the most saturated one.
-
#756d6a
#756d6a
rgb(117,109,106)
-
#7e6a61
#7e6a61
rgb(126,106,97)
-
#876758
#876758
rgb(135,103,88)
-
#8f6450
#8f6450
rgb(143,100,80)
-
#986147
#986147
rgb(152,97,71)
-
#a05e3f
#a05e3f
rgb(160,94,63)
-
#a95b36
#a95b36
rgb(169,91,54)
-
#b1582e
#b1582e
rgb(177,88,46)
-
#ba5525
#ba5525
rgb(186,85,37)
-
#c3521c
#c3521c
rgb(195,82,28)
-
#cb4f14
#cb4f14
rgb(203,79,20)
-
#d44c0b
#d44c0b
rgb(212,76,11)
-
#dc4903
#dc4903
rgb(220,73,3)
Color Blindness Simulator
Below, you can see how #ba5525 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.