#ba222f Color Information
In a RGB color space, hex #ba222f is composed of 72.9% red, 13.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.7% magenta, 74.7% yellow and 27.1% black. It has a hue angle of 354.9 degrees, a saturation of 69.1% and a lightness of 43.1%. #ba222f color hex could be obtained by blending #ff445e with #750000. Closest websafe color is: #cc3333.
-
- R 73
- G 13
- B 18
-
- C 0
- M 82
- Y 75
- K 27
● #ba222f color description : Strong red.
#ba222f Color Conversion
The hexadecimal color #ba222f has RGB values of R:186, G:34, B:47 and CMYK values of C:0, M:0.82, Y:0.75, K:0.27. Its decimal value is 12198447.
Hex triplet | ba222f | #ba222f |
---|---|---|
RGB Decimal | 186, 34, 47 | rgb(186,34,47) |
RGB Percent | 72.9, 13.3, 18.4 | rgb(72.9%,13.3%,18.4%) |
CMYK | 0, 82, 75, 27 | |
HSL | 354.9°, 69.1, 43.1 | hsl(354.9,69.1%,43.1%) |
HSV (or HSB) | 354.9°, 81.7, 72.9 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 40.882, 58.693, 32.476 |
---|---|
XYZ | 21.336, 11.791, 3.842 |
xyY | 0.577, 0.319, 11.791 |
CIE-LCH | 40.882, 67.079, 28.956 |
CIE-LUV | 40.882, 111.123, 20.011 |
Hunter-Lab | 34.338, 50.819, 17.403 |
Binary | 10111010, 00100010, 00101111 |
Color Schemes with #ba222f
Alternatives to #ba222f
Below, you can see some colors close to #ba222f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba222f Preview
This text has a font color of #ba222f.
<span style="color:#ba222f;">Text here</span>
This paragraph has a background color of #ba222f.
<p style="background-color:#ba222f;">Content here</p>
This element has a border color of #ba222f.
<div style="border:1px solid #ba222f;">Content here</div>
.text {color:#ba222f;}
.background {background-color:#ba222f;}
.border {border:1px solid #ba222f;}
Shades and Tints of #ba222f
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)
-
#460d12
#460d12
rgb(70,13,18)
-
#561016
#561016
rgb(86,16,22)
-
#67131a
#67131a
rgb(103,19,26)
-
#78161e
#78161e
rgb(120,22,30)
-
#881922
#881922
rgb(136,25,34)
-
#991c27
#991c27
rgb(153,28,39)
-
#a91f2b
#a91f2b
rgb(169,31,43)
-
#ba222f
#ba222f
rgb(186,34,47)
-
#cb2533
#cb2533
rgb(203,37,51)
-
#d82b3a
#d82b3a
rgb(216,43,58)
-
#db3c49
#db3c49
rgb(219,60,73)
-
#de4c59
#de4c59
rgb(222,76,89)
-
#e15d68
#e15d68
rgb(225,93,104)
-
#e46d78
#e46d78
rgb(228,109,120)
-
#e77e87
#e77e87
rgb(231,126,135)
-
#ea8e96
#ea8e96
rgb(234,142,150)
-
#ed9fa6
#ed9fa6
rgb(237,159,166)
-
#f0b0b5
#f0b0b5
rgb(240,176,181)
-
#f4c0c5
#f4c0c5
rgb(244,192,197)
-
#f7d1d4
#f7d1d4
rgb(247,209,212)
-
#fae1e3
#fae1e3
rgb(250,225,227)
-
#fdf2f3
#fdf2f3
rgb(253,242,243)
Tones of #ba222f
A tone is produced by adding gray to any pure hue. In this case, #766667 is the less saturated color, while #dc0013 is the most saturated one.
-
#766667
#766667
rgb(118,102,103)
-
#7f5d60
#7f5d60
rgb(127,93,96)
-
#875559
#875559
rgb(135,85,89)
-
#904c52
#904c52
rgb(144,76,82)
-
#98444b
#98444b
rgb(152,68,75)
-
#a13b44
#a13b44
rgb(161,59,68)
-
#a9333d
#a9333d
rgb(169,51,61)
-
#b22a36
#b22a36
rgb(178,42,54)
-
#ba222f
#ba222f
rgb(186,34,47)
-
#c21a28
#c21a28
rgb(194,26,40)
-
#cb1121
#cb1121
rgb(203,17,33)
-
#d3091a
#d3091a
rgb(211,9,26)
-
#dc0013
#dc0013
rgb(220,0,19)
Color Blindness Simulator
Below, you can see how #ba222f 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.