#ba221c Color Information
In a RGB color space, hex #ba221c is composed of 72.9% red, 13.3% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.7% magenta, 84.9% yellow and 27.1% black. It has a hue angle of 2.3 degrees, a saturation of 73.8% and a lightness of 42%. #ba221c color hex could be obtained by blending #ff4438 with #750000. Closest websafe color is: #cc3333.
-
- R 73
- G 13
- B 11
-
- C 0
- M 82
- Y 85
- K 27
● #ba221c color description : Strong red.
#ba221c Color Conversion
The hexadecimal color #ba221c has RGB values of R:186, G:34, B:28 and CMYK values of C:0, M:0.82, Y:0.85, K:0.27. Its decimal value is 12198428.
Hex triplet | ba221c | #ba221c |
---|---|---|
RGB Decimal | 186, 34, 28 | rgb(186,34,28) |
RGB Percent | 72.9, 13.3, 11 | rgb(72.9%,13.3%,11%) |
CMYK | 0, 82, 85, 27 | |
HSL | 2.3°, 73.8, 42 | hsl(2.3,73.8%,42%) |
HSV (or HSB) | 2.3°, 84.9, 72.9 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 40.686, 58.09, 42.904 |
---|---|
XYZ | 21.032, 11.67, 2.244 |
xyY | 0.602, 0.334, 11.67 |
CIE-LCH | 40.686, 72.216, 36.449 |
CIE-LUV | 40.686, 114.767, 26.196 |
Hunter-Lab | 34.161, 50.119, 20.019 |
Binary | 10111010, 00100010, 00011100 |
Color Schemes with #ba221c
Alternatives to #ba221c
Below, you can see some colors close to #ba221c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba221c Preview
This text has a font color of #ba221c.
<span style="color:#ba221c;">Text here</span>
This paragraph has a background color of #ba221c.
<p style="background-color:#ba221c;">Content here</p>
This element has a border color of #ba221c.
<div style="border:1px solid #ba221c;">Content here</div>
.text {color:#ba221c;}
.background {background-color:#ba221c;}
.border {border:1px solid #ba221c;}
Shades and Tints of #ba221c
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, #100302 is the darkest color, while #fffefd is the lightest one.
-
#100302
#100302
rgb(16,3,2)
-
#210605
#210605
rgb(33,6,5)
-
#320907
#320907
rgb(50,9,7)
-
#430c0a
#430c0a
rgb(67,12,10)
-
#540f0d
#540f0d
rgb(84,15,13)
-
#65120f
#65120f
rgb(101,18,15)
-
#761612
#761612
rgb(118,22,18)
-
#871914
#871914
rgb(135,25,20)
-
#981c17
#981c17
rgb(152,28,23)
-
#a91f19
#a91f19
rgb(169,31,25)
-
#ba221c
#ba221c
rgb(186,34,28)
-
#cb251f
#cb251f
rgb(203,37,31)
-
#dc2821
#dc2821
rgb(220,40,33)
-
#e03831
#e03831
rgb(224,56,49)
-
#e34842
#e34842
rgb(227,72,66)
-
#e55953
#e55953
rgb(229,89,83)
-
#e86964
#e86964
rgb(232,105,100)
-
#ea7a75
#ea7a75
rgb(234,122,117)
-
#ed8a86
#ed8a86
rgb(237,138,134)
-
#ef9b97
#ef9b97
rgb(239,155,151)
-
#f2aba8
#f2aba8
rgb(242,171,168)
-
#f5bcb9
#f5bcb9
rgb(245,188,185)
-
#f7ccca
#f7ccca
rgb(247,204,202)
-
#fadddb
#fadddb
rgb(250,221,219)
-
#fcedec
#fcedec
rgb(252,237,236)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #ba221c
A tone is produced by adding gray to any pure hue. In this case, #706666 is the less saturated color, while #d30b03 is the most saturated one.
-
#706666
#706666
rgb(112,102,102)
-
#785f5e
#785f5e
rgb(120,95,94)
-
#805756
#805756
rgb(128,87,86)
-
#89504d
#89504d
rgb(137,80,77)
-
#914845
#914845
rgb(145,72,69)
-
#99403d
#99403d
rgb(153,64,61)
-
#a13935
#a13935
rgb(161,57,53)
-
#aa312c
#aa312c
rgb(170,49,44)
-
#b22a24
#b22a24
rgb(178,42,36)
-
#ba221c
#ba221c
rgb(186,34,28)
-
#c21a14
#c21a14
rgb(194,26,20)
-
#ca130c
#ca130c
rgb(202,19,12)
-
#d30b03
#d30b03
rgb(211,11,3)
Color Blindness Simulator
Below, you can see how #ba221c 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.