#ba220a Color Information
In a RGB color space, hex #ba220a is composed of 72.9% red, 13.3% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.7% magenta, 94.6% yellow and 27.1% black. It has a hue angle of 8.2 degrees, a saturation of 89.8% and a lightness of 38.4%. #ba220a color hex could be obtained by blending #ff4414 with #750000. Closest websafe color is: #cc3300.
-
- R 73
- G 13
- B 4
-
- C 0
- M 82
- Y 95
- K 27
● #ba220a color description : Strong red.
#ba220a Color Conversion
The hexadecimal color #ba220a has RGB values of R:186, G:34, B:10 and CMYK values of C:0, M:0.82, Y:0.95, K:0.27. Its decimal value is 12198410.
Hex triplet | ba220a | #ba220a |
---|---|---|
RGB Decimal | 186, 34, 10 | rgb(186,34,10) |
RGB Percent | 72.9, 13.3, 3.9 | rgb(72.9%,13.3%,3.9%) |
CMYK | 0, 82, 95, 27 | |
HSL | 8.2°, 89.8, 38.4 | hsl(8.2,89.8%,38.4%) |
HSV (or HSB) | 8.2°, 94.6, 72.9 | |
Web Safe | cc3300 | #cc3300 |
CIE-LAB | 40.586, 57.779, 50.392 |
---|---|
XYZ | 20.878, 11.608, 1.428 |
xyY | 0.616, 0.342, 11.608 |
CIE-LCH | 40.586, 76.667, 41.094 |
CIE-LUV | 40.586, 116.721, 29.495 |
Hunter-Lab | 34.07, 49.759, 21.363 |
Binary | 10111010, 00100010, 00001010 |
Color Schemes with #ba220a
Alternatives to #ba220a
Below, you can see some colors close to #ba220a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba220a Preview
This text has a font color of #ba220a.
<span style="color:#ba220a;">Text here</span>
This paragraph has a background color of #ba220a.
<p style="background-color:#ba220a;">Content here</p>
This element has a border color of #ba220a.
<div style="border:1px solid #ba220a;">Content here</div>
.text {color:#ba220a;}
.background {background-color:#ba220a;}
.border {border:1px solid #ba220a;}
Shades and Tints of #ba220a
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, #120301 is the darkest color, while #ffffff is the lightest one.
-
#120301
#120301
rgb(18,3,1)
-
#250702
#250702
rgb(37,7,2)
-
#380a03
#380a03
rgb(56,10,3)
-
#4a0e04
#4a0e04
rgb(74,14,4)
-
#5d1105
#5d1105
rgb(93,17,5)
-
#701406
#701406
rgb(112,20,6)
-
#821807
#821807
rgb(130,24,7)
-
#951b08
#951b08
rgb(149,27,8)
-
#a71f09
#a71f09
rgb(167,31,9)
-
#ba220a
#ba220a
rgb(186,34,10)
-
#cd250b
#cd250b
rgb(205,37,11)
-
#df290c
#df290c
rgb(223,41,12)
-
#f22c0d
#f22c0d
rgb(242,44,13)
-
#f33c1f
#f33c1f
rgb(243,60,31)
-
#f44d32
#f44d32
rgb(244,77,50)
-
#f55d45
#f55d45
rgb(245,93,69)
-
#f66d57
#f66d57
rgb(246,109,87)
-
#f77d6a
#f77d6a
rgb(247,125,106)
-
#f88d7d
#f88d7d
rgb(248,141,125)
-
#f99e8f
#f99e8f
rgb(249,158,143)
-
#faaea2
#faaea2
rgb(250,174,162)
-
#fbbeb4
#fbbeb4
rgb(251,190,180)
-
#fccec7
#fccec7
rgb(252,206,199)
-
#fddeda
#fddeda
rgb(253,222,218)
-
#feefec
#feefec
rgb(254,239,236)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ba220a
A tone is produced by adding gray to any pure hue. In this case, #675e5d is the less saturated color, while #c21d02 is the most saturated one.
-
#675e5d
#675e5d
rgb(103,94,93)
-
#6f5955
#6f5955
rgb(111,89,85)
-
#76534e
#76534e
rgb(118,83,78)
-
#7e4e46
#7e4e46
rgb(126,78,70)
-
#85483f
#85483f
rgb(133,72,63)
-
#8d4337
#8d4337
rgb(141,67,55)
-
#943d30
#943d30
rgb(148,61,48)
-
#9c3828
#9c3828
rgb(156,56,40)
-
#a33221
#a33221
rgb(163,50,33)
-
#ab2d19
#ab2d19
rgb(171,45,25)
-
#b22712
#b22712
rgb(178,39,18)
-
#ba220a
#ba220a
rgb(186,34,10)
-
#c21d02
#c21d02
rgb(194,29,2)
Color Blindness Simulator
Below, you can see how #ba220a 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.