#ba3a22 Color Information
In a RGB color space, hex #ba3a22 is composed of 72.9% red, 22.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.8% magenta, 81.7% yellow and 27.1% black. It has a hue angle of 9.5 degrees, a saturation of 69.1% and a lightness of 43.1%. #ba3a22 color hex could be obtained by blending #ff7444 with #750000. Closest websafe color is: #cc3333.
-
- R 73
- G 23
- B 13
-
- C 0
- M 69
- Y 82
- K 27
● #ba3a22 color description : Strong red.
#ba3a22 Color Conversion
The hexadecimal color #ba3a22 has RGB values of R:186, G:58, B:34 and CMYK values of C:0, M:0.69, Y:0.82, K:0.27. Its decimal value is 12204578.
Hex triplet | ba3a22 | #ba3a22 |
---|---|---|
RGB Decimal | 186, 58, 34 | rgb(186,58,34) |
RGB Percent | 72.9, 22.7, 13.3 | rgb(72.9%,22.7%,13.3%) |
CMYK | 0, 69, 82, 27 | |
HSL | 9.5°, 69.1, 43.1 | hsl(9.5,69.1%,43.1%) |
HSV (or HSB) | 9.5°, 81.7, 72.9 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 43.629, 50.217, 42.578 |
---|---|
XYZ | 22.053, 13.583, 2.974 |
xyY | 0.571, 0.352, 13.583 |
CIE-LCH | 43.629, 65.838, 40.294 |
CIE-LUV | 43.629, 100.938, 29.77 |
Hunter-Lab | 36.855, 42.309, 21.015 |
Binary | 10111010, 00111010, 00100010 |
Color Schemes with #ba3a22
Alternatives to #ba3a22
Below, you can see some colors close to #ba3a22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba3a22 Preview
This text has a font color of #ba3a22.
<span style="color:#ba3a22;">Text here</span>
This paragraph has a background color of #ba3a22.
<p style="background-color:#ba3a22;">Content here</p>
This element has a border color of #ba3a22.
<div style="border:1px solid #ba3a22;">Content here</div>
.text {color:#ba3a22;}
.background {background-color:#ba3a22;}
.border {border:1px solid #ba3a22;}
Shades and Tints of #ba3a22
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 #fdf4f2 is the lightest one.
-
#040101
#040101
rgb(4,1,1)
-
#140604
#140604
rgb(20,6,4)
-
#250b07
#250b07
rgb(37,11,7)
-
#35110a
#35110a
rgb(53,17,10)
-
#46160d
#46160d
rgb(70,22,13)
-
#561b10
#561b10
rgb(86,27,16)
-
#672013
#672013
rgb(103,32,19)
-
#782516
#782516
rgb(120,37,22)
-
#882a19
#882a19
rgb(136,42,25)
-
#99301c
#99301c
rgb(153,48,28)
-
#a9351f
#a9351f
rgb(169,53,31)
-
#ba3a22
#ba3a22
rgb(186,58,34)
-
#cb3f25
#cb3f25
rgb(203,63,37)
-
#d8462b
#d8462b
rgb(216,70,43)
-
#db553c
#db553c
rgb(219,85,60)
-
#de634c
#de634c
rgb(222,99,76)
-
#e1725d
#e1725d
rgb(225,114,93)
-
#e4806d
#e4806d
rgb(228,128,109)
-
#e78f7e
#e78f7e
rgb(231,143,126)
-
#ea9d8e
#ea9d8e
rgb(234,157,142)
-
#edab9f
#edab9f
rgb(237,171,159)
-
#f0bab0
#f0bab0
rgb(240,186,176)
-
#f4c8c0
#f4c8c0
rgb(244,200,192)
-
#f7d7d1
#f7d7d1
rgb(247,215,209)
-
#fae5e1
#fae5e1
rgb(250,229,225)
-
#fdf4f2
#fdf4f2
rgb(253,244,242)
Tones of #ba3a22
A tone is produced by adding gray to any pure hue. In this case, #766866 is the less saturated color, while #dc2300 is the most saturated one.
-
#766866
#766866
rgb(118,104,102)
-
#7f635d
#7f635d
rgb(127,99,93)
-
#875d55
#875d55
rgb(135,93,85)
-
#90574c
#90574c
rgb(144,87,76)
-
#985144
#985144
rgb(152,81,68)
-
#a14b3b
#a14b3b
rgb(161,75,59)
-
#a94633
#a94633
rgb(169,70,51)
-
#b2402a
#b2402a
rgb(178,64,42)
-
#ba3a22
#ba3a22
rgb(186,58,34)
-
#c2341a
#c2341a
rgb(194,52,26)
-
#cb2e11
#cb2e11
rgb(203,46,17)
-
#d32909
#d32909
rgb(211,41,9)
-
#dc2300
#dc2300
rgb(220,35,0)
Color Blindness Simulator
Below, you can see how #ba3a22 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.