#ba3525 Color Information
In a RGB color space, hex #ba3525 is composed of 72.9% red, 20.8% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.5% magenta, 80.1% yellow and 27.1% black. It has a hue angle of 6.4 degrees, a saturation of 66.8% and a lightness of 43.7%. #ba3525 color hex could be obtained by blending #ff6a4a with #750000. Closest websafe color is: #cc3333.
-
- R 73
- G 21
- B 15
-
- C 0
- M 72
- Y 80
- K 27
● #ba3525 color description : Strong red.
#ba3525 Color Conversion
The hexadecimal color #ba3525 has RGB values of R:186, G:53, B:37 and CMYK values of C:0, M:0.72, Y:0.8, K:0.27. Its decimal value is 12203301.
Hex triplet | ba3525 | #ba3525 |
---|---|---|
RGB Decimal | 186, 53, 37 | rgb(186,53,37) |
RGB Percent | 72.9, 20.8, 14.5 | rgb(72.9%,20.8%,14.5%) |
CMYK | 0, 72, 80, 27 | |
HSL | 6.4°, 66.8, 43.7 | hsl(6.4,66.8%,43.7%) |
HSV (or HSB) | 6.4°, 80.1, 72.9 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 42.946, 52.256, 40.351 |
---|---|
XYZ | 21.858, 13.121, 3.132 |
xyY | 0.574, 0.344, 13.121 |
CIE-LCH | 42.946, 66.022, 37.675 |
CIE-LUV | 42.946, 103.565, 27.605 |
Hunter-Lab | 36.224, 44.318, 20.23 |
Binary | 10111010, 00110101, 00100101 |
Color Schemes with #ba3525
Alternatives to #ba3525
Below, you can see some colors close to #ba3525. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba3525 Preview
This text has a font color of #ba3525.
<span style="color:#ba3525;">Text here</span>
This paragraph has a background color of #ba3525.
<p style="background-color:#ba3525;">Content here</p>
This element has a border color of #ba3525.
<div style="border:1px solid #ba3525;">Content here</div>
.text {color:#ba3525;}
.background {background-color:#ba3525;}
.border {border:1px solid #ba3525;}
Shades and Tints of #ba3525
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, #060201 is the darkest color, while #fdf6f5 is the lightest one.
-
#060201
#060201
rgb(6,2,1)
-
#160604
#160604
rgb(22,6,4)
-
#270b08
#270b08
rgb(39,11,8)
-
#37100b
#37100b
rgb(55,16,11)
-
#47140e
#47140e
rgb(71,20,14)
-
#581911
#581911
rgb(88,25,17)
-
#681e15
#681e15
rgb(104,30,21)
-
#792218
#792218
rgb(121,34,24)
-
#89271b
#89271b
rgb(137,39,27)
-
#992c1e
#992c1e
rgb(153,44,30)
-
#aa3022
#aa3022
rgb(170,48,34)
-
#ba3525
#ba3525
rgb(186,53,37)
-
#ca3a28
#ca3a28
rgb(202,58,40)
-
#d64230
#d64230
rgb(214,66,48)
-
#d95141
#d95141
rgb(217,81,65)
-
#dc6051
#dc6051
rgb(220,96,81)
-
#e06f61
#e06f61
rgb(224,111,97)
-
#e37e72
#e37e72
rgb(227,126,114)
-
#e68d82
#e68d82
rgb(230,141,130)
-
#e99c93
#e99c93
rgb(233,156,147)
-
#edaba3
#edaba3
rgb(237,171,163)
-
#f0bab3
#f0bab3
rgb(240,186,179)
-
#f3c9c4
#f3c9c4
rgb(243,201,196)
-
#f6d8d4
#f6d8d4
rgb(246,216,212)
-
#fae7e4
#fae7e4
rgb(250,231,228)
-
#fdf6f5
#fdf6f5
rgb(253,246,245)
Tones of #ba3525
A tone is produced by adding gray to any pure hue. In this case, #756b6a is the less saturated color, while #dc1a03 is the most saturated one.
-
#756b6a
#756b6a
rgb(117,107,106)
-
#7e6461
#7e6461
rgb(126,100,97)
-
#875d58
#875d58
rgb(135,93,88)
-
#8f5750
#8f5750
rgb(143,87,80)
-
#985047
#985047
rgb(152,80,71)
-
#a0493f
#a0493f
rgb(160,73,63)
-
#a94236
#a94236
rgb(169,66,54)
-
#b13c2e
#b13c2e
rgb(177,60,46)
-
#ba3525
#ba3525
rgb(186,53,37)
-
#c32e1c
#c32e1c
rgb(195,46,28)
-
#cb2814
#cb2814
rgb(203,40,20)
-
#d4210b
#d4210b
rgb(212,33,11)
-
#dc1a03
#dc1a03
rgb(220,26,3)
Color Blindness Simulator
Below, you can see how #ba3525 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.