#ba2222 Color Information
In a RGB color space, hex #ba2222 is composed of 72.9% red, 13.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.7% magenta, 81.7% yellow and 27.1% black. It has a hue angle of 0 degrees, a saturation of 69.1% and a lightness of 43.1%. #ba2222 color hex could be obtained by blending #ff4444 with #750000. Closest websafe color is: #cc3333.
-
- R 73
- G 13
- B 13
-
- C 0
- M 82
- Y 82
- K 27
● #ba2222 color description : Strong red.
#ba2222 Color Conversion
The hexadecimal color #ba2222 has RGB values of R:186, G:34, B:34 and CMYK values of C:0, M:0.82, Y:0.82, K:0.27. Its decimal value is 12198434.
Hex triplet | ba2222 | #ba2222 |
---|---|---|
RGB Decimal | 186, 34, 34 | rgb(186,34,34) |
RGB Percent | 72.9, 13.3, 13.3 | rgb(72.9%,13.3%,13.3%) |
CMYK | 0, 82, 82, 27 | |
HSL | 0°, 69.1, 43.1 | hsl(0,69.1%,43.1%) |
HSV (or HSB) | 0°, 81.7, 72.9 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 40.737, 58.248, 39.789 |
---|---|
XYZ | 21.112, 11.701, 2.66 |
xyY | 0.595, 0.33, 11.701 |
CIE-LCH | 40.737, 70.54, 34.337 |
CIE-LUV | 40.737, 113.794, 24.548 |
Hunter-Lab | 34.207, 50.302, 19.334 |
Binary | 10111010, 00100010, 00100010 |
Color Schemes with #ba2222
Alternatives to #ba2222
Below, you can see some colors close to #ba2222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba2222 Preview
This text has a font color of #ba2222.
<span style="color:#ba2222;">Text here</span>
This paragraph has a background color of #ba2222.
<p style="background-color:#ba2222;">Content here</p>
This element has a border color of #ba2222.
<div style="border:1px solid #ba2222;">Content here</div>
.text {color:#ba2222;}
.background {background-color:#ba2222;}
.border {border:1px solid #ba2222;}
Shades and Tints of #ba2222
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 #fdf2f2 is the lightest one.
-
#040101
#040101
rgb(4,1,1)
-
#140404
#140404
rgb(20,4,4)
-
#250707
#250707
rgb(37,7,7)
-
#350a0a
#350a0a
rgb(53,10,10)
-
#460d0d
#460d0d
rgb(70,13,13)
-
#561010
#561010
rgb(86,16,16)
-
#671313
#671313
rgb(103,19,19)
-
#781616
#781616
rgb(120,22,22)
-
#881919
#881919
rgb(136,25,25)
-
#991c1c
#991c1c
rgb(153,28,28)
-
#a91f1f
#a91f1f
rgb(169,31,31)
-
#ba2222
#ba2222
rgb(186,34,34)
-
#cb2525
#cb2525
rgb(203,37,37)
-
#d82b2b
#d82b2b
rgb(216,43,43)
-
#db3c3c
#db3c3c
rgb(219,60,60)
-
#de4c4c
#de4c4c
rgb(222,76,76)
-
#e15d5d
#e15d5d
rgb(225,93,93)
-
#e46d6d
#e46d6d
rgb(228,109,109)
-
#e77e7e
#e77e7e
rgb(231,126,126)
-
#ea8e8e
#ea8e8e
rgb(234,142,142)
-
#ed9f9f
#ed9f9f
rgb(237,159,159)
-
#f0b0b0
#f0b0b0
rgb(240,176,176)
-
#f4c0c0
#f4c0c0
rgb(244,192,192)
-
#f7d1d1
#f7d1d1
rgb(247,209,209)
-
#fae1e1
#fae1e1
rgb(250,225,225)
-
#fdf2f2
#fdf2f2
rgb(253,242,242)
Tones of #ba2222
A tone is produced by adding gray to any pure hue. In this case, #766666 is the less saturated color, while #dc0000 is the most saturated one.
-
#766666
#766666
rgb(118,102,102)
-
#7f5d5d
#7f5d5d
rgb(127,93,93)
-
#875555
#875555
rgb(135,85,85)
-
#904c4c
#904c4c
rgb(144,76,76)
-
#984444
#984444
rgb(152,68,68)
-
#a13b3b
#a13b3b
rgb(161,59,59)
-
#a93333
#a93333
rgb(169,51,51)
-
#b22a2a
#b22a2a
rgb(178,42,42)
-
#ba2222
#ba2222
rgb(186,34,34)
-
#c21a1a
#c21a1a
rgb(194,26,26)
-
#cb1111
#cb1111
rgb(203,17,17)
-
#d30909
#d30909
rgb(211,9,9)
-
#dc0000
#dc0000
rgb(220,0,0)
Color Blindness Simulator
Below, you can see how #ba2222 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.