#ba2a25 Color Information
In a RGB color space, hex #ba2a25 is composed of 72.9% red, 16.5% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.4% magenta, 80.1% yellow and 27.1% black. It has a hue angle of 2 degrees, a saturation of 66.8% and a lightness of 43.7%. #ba2a25 color hex could be obtained by blending #ff544a with #750000. Closest websafe color is: #cc3333.
-
- R 73
- G 16
- B 15
-
- C 0
- M 77
- Y 80
- K 27
● #ba2a25 color description : Strong red.
#ba2a25 Color Conversion
The hexadecimal color #ba2a25 has RGB values of R:186, G:42, B:37 and CMYK values of C:0, M:0.77, Y:0.8, K:0.27. Its decimal value is 12200485.
Hex triplet | ba2a25 | #ba2a25 |
---|---|---|
RGB Decimal | 186, 42, 37 | rgb(186,42,37) |
RGB Percent | 72.9, 16.5, 14.5 | rgb(72.9%,16.5%,14.5%) |
CMYK | 0, 77, 80, 27 | |
HSL | 2°, 66.8, 43.7 | hsl(2,66.8%,43.7%) |
HSV (or HSB) | 2°, 80.1, 72.9 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 41.581, 56.043, 38.982 |
---|---|
XYZ | 21.413, 12.231, 2.984 |
xyY | 0.585, 0.334, 12.231 |
CIE-LCH | 41.581, 68.267, 34.821 |
CIE-LUV | 41.581, 109.577, 25.117 |
Hunter-Lab | 34.973, 48.085, 19.423 |
Binary | 10111010, 00101010, 00100101 |
Color Schemes with #ba2a25
Alternatives to #ba2a25
Below, you can see some colors close to #ba2a25. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba2a25 Preview
This text has a font color of #ba2a25.
<span style="color:#ba2a25;">Text here</span>
This paragraph has a background color of #ba2a25.
<p style="background-color:#ba2a25;">Content here</p>
This element has a border color of #ba2a25.
<div style="border:1px solid #ba2a25;">Content here</div>
.text {color:#ba2a25;}
.background {background-color:#ba2a25;}
.border {border:1px solid #ba2a25;}
Shades and Tints of #ba2a25
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, #060101 is the darkest color, while #fdf5f5 is the lightest one.
-
#060101
#060101
rgb(6,1,1)
-
#160504
#160504
rgb(22,5,4)
-
#270908
#270908
rgb(39,9,8)
-
#370c0b
#370c0b
rgb(55,12,11)
-
#47100e
#47100e
rgb(71,16,14)
-
#581411
#581411
rgb(88,20,17)
-
#681815
#681815
rgb(104,24,21)
-
#791b18
#791b18
rgb(121,27,24)
-
#891f1b
#891f1b
rgb(137,31,27)
-
#99231e
#99231e
rgb(153,35,30)
-
#aa2622
#aa2622
rgb(170,38,34)
-
#ba2a25
#ba2a25
rgb(186,42,37)
-
#ca2e28
#ca2e28
rgb(202,46,40)
-
#d63630
#d63630
rgb(214,54,48)
-
#d94641
#d94641
rgb(217,70,65)
-
#dc5651
#dc5651
rgb(220,86,81)
-
#e06661
#e06661
rgb(224,102,97)
-
#e37672
#e37672
rgb(227,118,114)
-
#e68682
#e68682
rgb(230,134,130)
-
#e99593
#e99593
rgb(233,149,147)
-
#eda5a3
#eda5a3
rgb(237,165,163)
-
#f0b5b3
#f0b5b3
rgb(240,181,179)
-
#f3c5c4
#f3c5c4
rgb(243,197,196)
-
#f6d5d4
#f6d5d4
rgb(246,213,212)
-
#fae5e4
#fae5e4
rgb(250,229,228)
-
#fdf5f5
#fdf5f5
rgb(253,245,245)
Tones of #ba2a25
A tone is produced by adding gray to any pure hue. In this case, #756a6a is the less saturated color, while #dc0a03 is the most saturated one.
-
#756a6a
#756a6a
rgb(117,106,106)
-
#7e6261
#7e6261
rgb(126,98,97)
-
#875a58
#875a58
rgb(135,90,88)
-
#8f5250
#8f5250
rgb(143,82,80)
-
#984a47
#984a47
rgb(152,74,71)
-
#a0423f
#a0423f
rgb(160,66,63)
-
#a93a36
#a93a36
rgb(169,58,54)
-
#b1322e
#b1322e
rgb(177,50,46)
-
#ba2a25
#ba2a25
rgb(186,42,37)
-
#c3221c
#c3221c
rgb(195,34,28)
-
#cb1a14
#cb1a14
rgb(203,26,20)
-
#d4120b
#d4120b
rgb(212,18,11)
-
#dc0a03
#dc0a03
rgb(220,10,3)
Color Blindness Simulator
Below, you can see how #ba2a25 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.