#ba222c Color Information
In a RGB color space, hex #ba222c is composed of 72.9% red, 13.3% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.7% magenta, 76.3% yellow and 27.1% black. It has a hue angle of 356.1 degrees, a saturation of 69.1% and a lightness of 43.1%. #ba222c color hex could be obtained by blending #ff4458 with #750000. Closest websafe color is: #cc3333.
-
- R 73
- G 13
- B 17
-
- C 0
- M 82
- Y 76
- K 27
● #ba222c color description : Strong red.
#ba222c Color Conversion
The hexadecimal color #ba222c has RGB values of R:186, G:34, B:44 and CMYK values of C:0, M:0.82, Y:0.76, K:0.27. Its decimal value is 12198444.
Hex triplet | ba222c | #ba222c |
---|---|---|
RGB Decimal | 186, 34, 44 | rgb(186,34,44) |
RGB Percent | 72.9, 13.3, 17.3 | rgb(72.9%,13.3%,17.3%) |
CMYK | 0, 82, 76, 27 | |
HSL | 356.1°, 69.1, 43.1 | hsl(356.1,69.1%,43.1%) |
HSV (or HSB) | 356.1°, 81.7, 72.9 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 40.844, 58.577, 34.212 |
---|---|
XYZ | 21.277, 11.768, 3.534 |
xyY | 0.582, 0.322, 11.768 |
CIE-LCH | 40.844, 67.836, 30.287 |
CIE-LUV | 40.844, 111.807, 21.175 |
Hunter-Lab | 34.304, 50.684, 17.905 |
Binary | 10111010, 00100010, 00101100 |
Color Schemes with #ba222c
Alternatives to #ba222c
Below, you can see some colors close to #ba222c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba222c Preview
This text has a font color of #ba222c.
<span style="color:#ba222c;">Text here</span>
This paragraph has a background color of #ba222c.
<p style="background-color:#ba222c;">Content here</p>
This element has a border color of #ba222c.
<div style="border:1px solid #ba222c;">Content here</div>
.text {color:#ba222c;}
.background {background-color:#ba222c;}
.border {border:1px solid #ba222c;}
Shades and Tints of #ba222c
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 #fdf2f3 is the lightest one.
-
#040101
#040101
rgb(4,1,1)
-
#140405
#140405
rgb(20,4,5)
-
#250709
#250709
rgb(37,7,9)
-
#350a0d
#350a0d
rgb(53,10,13)
-
#460d11
#460d11
rgb(70,13,17)
-
#561014
#561014
rgb(86,16,20)
-
#671318
#671318
rgb(103,19,24)
-
#78161c
#78161c
rgb(120,22,28)
-
#881920
#881920
rgb(136,25,32)
-
#991c24
#991c24
rgb(153,28,36)
-
#a91f28
#a91f28
rgb(169,31,40)
-
#ba222c
#ba222c
rgb(186,34,44)
-
#cb2530
#cb2530
rgb(203,37,48)
-
#d82b36
#d82b36
rgb(216,43,54)
-
#db3c46
#db3c46
rgb(219,60,70)
-
#de4c56
#de4c56
rgb(222,76,86)
-
#e15d65
#e15d65
rgb(225,93,101)
-
#e46d75
#e46d75
rgb(228,109,117)
-
#e77e85
#e77e85
rgb(231,126,133)
-
#ea8e95
#ea8e95
rgb(234,142,149)
-
#ed9fa4
#ed9fa4
rgb(237,159,164)
-
#f0b0b4
#f0b0b4
rgb(240,176,180)
-
#f4c0c4
#f4c0c4
rgb(244,192,196)
-
#f7d1d3
#f7d1d3
rgb(247,209,211)
-
#fae1e3
#fae1e3
rgb(250,225,227)
-
#fdf2f3
#fdf2f3
rgb(253,242,243)
Tones of #ba222c
A tone is produced by adding gray to any pure hue. In this case, #766667 is the less saturated color, while #dc000f is the most saturated one.
-
#766667
#766667
rgb(118,102,103)
-
#7f5d5f
#7f5d5f
rgb(127,93,95)
-
#875558
#875558
rgb(135,85,88)
-
#904c51
#904c51
rgb(144,76,81)
-
#984449
#984449
rgb(152,68,73)
-
#a13b42
#a13b42
rgb(161,59,66)
-
#a9333b
#a9333b
rgb(169,51,59)
-
#b22a33
#b22a33
rgb(178,42,51)
-
#ba222c
#ba222c
rgb(186,34,44)
-
#c21a25
#c21a25
rgb(194,26,37)
-
#cb111d
#cb111d
rgb(203,17,29)
-
#d30916
#d30916
rgb(211,9,22)
-
#dc000f
#dc000f
rgb(220,0,15)
Color Blindness Simulator
Below, you can see how #ba222c 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.