#ba2a22 Color Information
In a RGB color space, hex #ba2a22 is composed of 72.9% red, 16.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.4% magenta, 81.7% yellow and 27.1% black. It has a hue angle of 3.2 degrees, a saturation of 69.1% and a lightness of 43.1%. #ba2a22 color hex could be obtained by blending #ff5444 with #750000. Closest websafe color is: #cc3333.
-
- R 73
- G 16
- B 13
-
- C 0
- M 77
- Y 82
- K 27
● #ba2a22 color description : Strong red.
#ba2a22 Color Conversion
The hexadecimal color #ba2a22 has RGB values of R:186, G:42, B:34 and CMYK values of C:0, M:0.77, Y:0.82, K:0.27. Its decimal value is 12200482.
Hex triplet | ba2a22 | #ba2a22 |
---|---|---|
RGB Decimal | 186, 42, 34 | rgb(186,42,34) |
RGB Percent | 72.9, 16.5, 13.3 | rgb(72.9%,16.5%,13.3%) |
CMYK | 0, 77, 82, 27 | |
HSL | 3.2°, 69.1, 43.1 | hsl(3.2,69.1%,43.1%) |
HSV (or HSB) | 3.2°, 81.7, 72.9 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 41.553, 55.951, 40.581 |
---|---|
XYZ | 21.367, 12.213, 2.746 |
xyY | 0.588, 0.336, 12.213 |
CIE-LCH | 41.553, 69.118, 35.953 |
CIE-LUV | 41.553, 110.091, 26.034 |
Hunter-Lab | 34.947, 47.981, 19.805 |
Binary | 10111010, 00101010, 00100010 |
Color Schemes with #ba2a22
Alternatives to #ba2a22
Below, you can see some colors close to #ba2a22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba2a22 Preview
This text has a font color of #ba2a22.
<span style="color:#ba2a22;">Text here</span>
This paragraph has a background color of #ba2a22.
<p style="background-color:#ba2a22;">Content here</p>
This element has a border color of #ba2a22.
<div style="border:1px solid #ba2a22;">Content here</div>
.text {color:#ba2a22;}
.background {background-color:#ba2a22;}
.border {border:1px solid #ba2a22;}
Shades and Tints of #ba2a22
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 #fdf3f2 is the lightest one.
-
#040101
#040101
rgb(4,1,1)
-
#140504
#140504
rgb(20,5,4)
-
#250807
#250807
rgb(37,8,7)
-
#350c0a
#350c0a
rgb(53,12,10)
-
#46100d
#46100d
rgb(70,16,13)
-
#561410
#561410
rgb(86,20,16)
-
#671713
#671713
rgb(103,23,19)
-
#781b16
#781b16
rgb(120,27,22)
-
#881f19
#881f19
rgb(136,31,25)
-
#99231c
#99231c
rgb(153,35,28)
-
#a9261f
#a9261f
rgb(169,38,31)
-
#ba2a22
#ba2a22
rgb(186,42,34)
-
#cb2e25
#cb2e25
rgb(203,46,37)
-
#d8342b
#d8342b
rgb(216,52,43)
-
#db443c
#db443c
rgb(219,68,60)
-
#de544c
#de544c
rgb(222,84,76)
-
#e1645d
#e1645d
rgb(225,100,93)
-
#e4746d
#e4746d
rgb(228,116,109)
-
#e7837e
#e7837e
rgb(231,131,126)
-
#ea938e
#ea938e
rgb(234,147,142)
-
#eda39f
#eda39f
rgb(237,163,159)
-
#f0b3b0
#f0b3b0
rgb(240,179,176)
-
#f4c3c0
#f4c3c0
rgb(244,195,192)
-
#f7d3d1
#f7d3d1
rgb(247,211,209)
-
#fae3e1
#fae3e1
rgb(250,227,225)
-
#fdf3f2
#fdf3f2
rgb(253,243,242)
Tones of #ba2a22
A tone is produced by adding gray to any pure hue. In this case, #766766 is the less saturated color, while #dc0c00 is the most saturated one.
-
#766766
#766766
rgb(118,103,102)
-
#7f5f5d
#7f5f5d
rgb(127,95,93)
-
#875755
#875755
rgb(135,87,85)
-
#90504c
#90504c
rgb(144,80,76)
-
#984844
#984844
rgb(152,72,68)
-
#a1413b
#a1413b
rgb(161,65,59)
-
#a93933
#a93933
rgb(169,57,51)
-
#b2322a
#b2322a
rgb(178,50,42)
-
#ba2a22
#ba2a22
rgb(186,42,34)
-
#c2221a
#c2221a
rgb(194,34,26)
-
#cb1b11
#cb1b11
rgb(203,27,17)
-
#d31309
#d31309
rgb(211,19,9)
-
#dc0c00
#dc0c00
rgb(220,12,0)
Color Blindness Simulator
Below, you can see how #ba2a22 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.