#ba0222 Color Information
In a RGB color space, hex #ba0222 is composed of 72.9% red, 0.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.9% magenta, 81.7% yellow and 27.1% black. It has a hue angle of 349.6 degrees, a saturation of 97.9% and a lightness of 36.9%. #ba0222 color hex could be obtained by blending #ff0444 with #750000. Closest websafe color is: #cc0033.
-
- R 73
- G 1
- B 13
-
- C 0
- M 99
- Y 82
- K 27
● #ba0222 color description : Strong red.
#ba0222 Color Conversion
The hexadecimal color #ba0222 has RGB values of R:186, G:2, B:34 and CMYK values of C:0, M:0.99, Y:0.82, K:0.27. Its decimal value is 12190242.
Hex triplet | ba0222 | #ba0222 |
---|---|---|
RGB Decimal | 186, 2, 34 | rgb(186,2,34) |
RGB Percent | 72.9, 0.8, 13.3 | rgb(72.9%,0.8%,13.3%) |
CMYK | 0, 99, 82, 27 | |
HSL | 349.6°, 97.9, 36.9 | hsl(349.6,97.9%,36.9%) |
HSV (or HSB) | 349.6°, 98.9, 72.9 | |
Web Safe | cc0033 | #cc0033 |
CIE-LAB | 38.9, 63.515, 37.986 |
---|---|
XYZ | 20.561, 10.601, 2.477 |
xyY | 0.611, 0.315, 10.601 |
CIE-LCH | 38.9, 74.007, 30.882 |
CIE-LUV | 38.9, 122.362, 21.164 |
Hunter-Lab | 32.559, 55.747, 18.281 |
Binary | 10111010, 00000010, 00100010 |
Color Schemes with #ba0222
Alternatives to #ba0222
Below, you can see some colors close to #ba0222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba0222 Preview
This text has a font color of #ba0222.
<span style="color:#ba0222;">Text here</span>
This paragraph has a background color of #ba0222.
<p style="background-color:#ba0222;">Content here</p>
This element has a border color of #ba0222.
<div style="border:1px solid #ba0222;">Content here</div>
.text {color:#ba0222;}
.background {background-color:#ba0222;}
.border {border:1px solid #ba0222;}
Shades and Tints of #ba0222
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, #0b0002 is the darkest color, while #fff7f8 is the lightest one.
-
#0b0002
#0b0002
rgb(11,0,2)
-
#1f0006
#1f0006
rgb(31,0,6)
-
#320109
#320109
rgb(50,1,9)
-
#46010d
#46010d
rgb(70,1,13)
-
#590110
#590110
rgb(89,1,16)
-
#6c0114
#6c0114
rgb(108,1,20)
-
#800117
#800117
rgb(128,1,23)
-
#93021b
#93021b
rgb(147,2,27)
-
#a7021e
#a7021e
rgb(167,2,30)
-
#ba0222
#ba0222
rgb(186,2,34)
-
#cd0226
#cd0226
rgb(205,2,38)
-
#e10229
#e10229
rgb(225,2,41)
-
#f4032d
#f4032d
rgb(244,3,45)
-
#fc0e38
#fc0e38
rgb(252,14,56)
-
#fd2148
#fd2148
rgb(253,33,72)
-
#fd3558
#fd3558
rgb(253,53,88)
-
#fd4868
#fd4868
rgb(253,72,104)
-
#fd5c78
#fd5c78
rgb(253,92,120)
-
#fd6f88
#fd6f88
rgb(253,111,136)
-
#fe8298
#fe8298
rgb(254,130,152)
-
#fe96a8
#fe96a8
rgb(254,150,168)
-
#fea9b8
#fea9b8
rgb(254,169,184)
-
#febdc8
#febdc8
rgb(254,189,200)
-
#fed0d8
#fed0d8
rgb(254,208,216)
-
#ffe4e8
#ffe4e8
rgb(255,228,232)
-
#fff7f8
#fff7f8
rgb(255,247,248)
Tones of #ba0222
A tone is produced by adding gray to any pure hue. In this case, #63595b is the less saturated color, while #ba0222 is the most saturated one.
-
#63595b
#63595b
rgb(99,89,91)
-
#6a5256
#6a5256
rgb(106,82,86)
-
#724a51
#724a51
rgb(114,74,81)
-
#79434c
#79434c
rgb(121,67,76)
-
#803c48
#803c48
rgb(128,60,72)
-
#873543
#873543
rgb(135,53,67)
-
#8f2d3e
#8f2d3e
rgb(143,45,62)
-
#96263a
#96263a
rgb(150,38,58)
-
#9d1f35
#9d1f35
rgb(157,31,53)
-
#a41830
#a41830
rgb(164,24,48)
-
#ac102b
#ac102b
rgb(172,16,43)
-
#b30927
#b30927
rgb(179,9,39)
-
#ba0222
#ba0222
rgb(186,2,34)
Color Blindness Simulator
Below, you can see how #ba0222 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.