#ba2224 Color Information
In a RGB color space, hex #ba2224 is composed of 72.9% red, 13.3% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.7% magenta, 80.6% yellow and 27.1% black. It has a hue angle of 359.2 degrees, a saturation of 69.1% and a lightness of 43.1%. #ba2224 color hex could be obtained by blending #ff4448 with #750000. Closest websafe color is: #cc3333.
-
- R 73
- G 13
- B 14
-
- C 0
- M 82
- Y 81
- K 27
● #ba2224 color description : Strong red.
#ba2224 Color Conversion
The hexadecimal color #ba2224 has RGB values of R:186, G:34, B:36 and CMYK values of C:0, M:0.82, Y:0.81, K:0.27. Its decimal value is 12198436.
Hex triplet | ba2224 | #ba2224 |
---|---|---|
RGB Decimal | 186, 34, 36 | rgb(186,34,36) |
RGB Percent | 72.9, 13.3, 14.1 | rgb(72.9%,13.3%,14.1%) |
CMYK | 0, 82, 81, 27 | |
HSL | 359.2°, 69.1, 43.1 | hsl(359.2,69.1%,43.1%) |
HSV (or HSB) | 359.2°, 81.7, 72.9 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 40.757, 58.307, 38.706 |
---|---|
XYZ | 21.141, 11.713, 2.817 |
xyY | 0.593, 0.328, 11.713 |
CIE-LCH | 40.757, 69.985, 33.577 |
CIE-LUV | 40.757, 113.433, 23.936 |
Hunter-Lab | 34.225, 50.37, 19.078 |
Binary | 10111010, 00100010, 00100100 |
Color Schemes with #ba2224
Alternatives to #ba2224
Below, you can see some colors close to #ba2224. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba2224 Preview
This text has a font color of #ba2224.
<span style="color:#ba2224;">Text here</span>
This paragraph has a background color of #ba2224.
<p style="background-color:#ba2224;">Content here</p>
This element has a border color of #ba2224.
<div style="border:1px solid #ba2224;">Content here</div>
.text {color:#ba2224;}
.background {background-color:#ba2224;}
.border {border:1px solid #ba2224;}
Shades and Tints of #ba2224
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, #040101 is the darkest color, while #fdf2f2 is the lightest one.
-
#040101
#040101
rgb(4,1,1)
-
#140404
#140404
rgb(20,4,4)
-
#250707
#250707
rgb(37,7,7)
-
#350a0a
#350a0a
rgb(53,10,10)
-
#460d0e
#460d0e
rgb(70,13,14)
-
#561011
#561011
rgb(86,16,17)
-
#671314
#671314
rgb(103,19,20)
-
#781617
#781617
rgb(120,22,23)
-
#88191a
#88191a
rgb(136,25,26)
-
#991c1e
#991c1e
rgb(153,28,30)
-
#a91f21
#a91f21
rgb(169,31,33)
-
#ba2224
#ba2224
rgb(186,34,36)
-
#cb2527
#cb2527
rgb(203,37,39)
-
#d82b2d
#d82b2d
rgb(216,43,45)
-
#db3c3e
#db3c3e
rgb(219,60,62)
-
#de4c4e
#de4c4e
rgb(222,76,78)
-
#e15d5e
#e15d5e
rgb(225,93,94)
-
#e46d6f
#e46d6f
rgb(228,109,111)
-
#e77e7f
#e77e7f
rgb(231,126,127)
-
#ea8e90
#ea8e90
rgb(234,142,144)
-
#ed9fa0
#ed9fa0
rgb(237,159,160)
-
#f0b0b1
#f0b0b1
rgb(240,176,177)
-
#f4c0c1
#f4c0c1
rgb(244,192,193)
-
#f7d1d1
#f7d1d1
rgb(247,209,209)
-
#fae1e2
#fae1e2
rgb(250,225,226)
-
#fdf2f2
#fdf2f2
rgb(253,242,242)
Tones of #ba2224
A tone is produced by adding gray to any pure hue. In this case, #766666 is the less saturated color, while #dc0003 is the most saturated one.
-
#766666
#766666
rgb(118,102,102)
-
#7f5d5e
#7f5d5e
rgb(127,93,94)
-
#875555
#875555
rgb(135,85,85)
-
#904c4d
#904c4d
rgb(144,76,77)
-
#984445
#984445
rgb(152,68,69)
-
#a13b3d
#a13b3d
rgb(161,59,61)
-
#a93334
#a93334
rgb(169,51,52)
-
#b22a2c
#b22a2c
rgb(178,42,44)
-
#ba2224
#ba2224
rgb(186,34,36)
-
#c21a1c
#c21a1c
rgb(194,26,28)
-
#cb1114
#cb1114
rgb(203,17,20)
-
#d3090b
#d3090b
rgb(211,9,11)
-
#dc0003
#dc0003
rgb(220,0,3)
Color Blindness Simulator
Below, you can see how #ba2224 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.