#ba0023 Color Information
In a RGB color space, hex #ba0023 is composed of 72.9% red, 0% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 81.2% yellow and 27.1% black. It has a hue angle of 348.7 degrees, a saturation of 100% and a lightness of 36.5%. #ba0023 color hex could be obtained by blending #ff0046 with #750000. Closest websafe color is: #cc0033.
-
- R 73
- G 0
- B 14
-
- C 0
- M 100
- Y 81
- K 27
● #ba0023 color description : Strong red.
#ba0023 Color Conversion
The hexadecimal color #ba0023 has RGB values of R:186, G:0, B:35 and CMYK values of C:0, M:1, Y:0.81, K:0.27. Its decimal value is 12189731.
Hex triplet | ba0023 | #ba0023 |
---|---|---|
RGB Decimal | 186, 0, 35 | rgb(186,0,35) |
RGB Percent | 72.9, 0, 13.7 | rgb(72.9%,0%,13.7%) |
CMYK | 0, 100, 81, 27 | |
HSL | 348.7°, 100, 36.5 | hsl(348.7,100%,36.5%) |
HSV (or HSB) | 348.7°, 100, 72.9 | |
Web Safe | cc0033 | #cc0033 |
CIE-LAB | 38.835, 63.76, 37.346 |
---|---|
XYZ | 20.554, 10.563, 2.547 |
xyY | 0.611, 0.314, 10.563 |
CIE-LCH | 38.835, 73.892, 30.359 |
CIE-LUV | 38.835, 122.51, 20.713 |
Hunter-Lab | 32.501, 56.009, 18.105 |
Binary | 10111010, 00000000, 00100011 |
Color Schemes with #ba0023
Alternatives to #ba0023
Below, you can see some colors close to #ba0023. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba0023 Preview
This text has a font color of #ba0023.
<span style="color:#ba0023;">Text here</span>
This paragraph has a background color of #ba0023.
<p style="background-color:#ba0023;">Content here</p>
This element has a border color of #ba0023.
<div style="border:1px solid #ba0023;">Content here</div>
.text {color:#ba0023;}
.background {background-color:#ba0023;}
.border {border:1px solid #ba0023;}
Shades and Tints of #ba0023
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, #090002 is the darkest color, while #fff5f7 is the lightest one.
-
#090002
#090002
rgb(9,0,2)
-
#1d0005
#1d0005
rgb(29,0,5)
-
#310009
#310009
rgb(49,0,9)
-
#44000d
#44000d
rgb(68,0,13)
-
#580011
#580011
rgb(88,0,17)
-
#6c0014
#6c0014
rgb(108,0,20)
-
#7f0018
#7f0018
rgb(127,0,24)
-
#93001c
#93001c
rgb(147,0,28)
-
#a6001f
#a6001f
rgb(166,0,31)
-
#ba0023
#ba0023
rgb(186,0,35)
-
#ce0027
#ce0027
rgb(206,0,39)
-
#e1002a
#e1002a
rgb(225,0,42)
-
#f5002e
#f5002e
rgb(245,0,46)
-
#ff0938
#ff0938
rgb(255,9,56)
-
#ff1d48
#ff1d48
rgb(255,29,72)
-
#ff3158
#ff3158
rgb(255,49,88)
-
#ff4467
#ff4467
rgb(255,68,103)
-
#ff5877
#ff5877
rgb(255,88,119)
-
#ff6c87
#ff6c87
rgb(255,108,135)
-
#ff7f97
#ff7f97
rgb(255,127,151)
-
#ff93a7
#ff93a7
rgb(255,147,167)
-
#ffa6b7
#ffa6b7
rgb(255,166,183)
-
#ffbac7
#ffbac7
rgb(255,186,199)
-
#ffced7
#ffced7
rgb(255,206,215)
-
#ffe1e7
#ffe1e7
rgb(255,225,231)
-
#fff5f7
#fff5f7
rgb(255,245,247)
Tones of #ba0023
A tone is produced by adding gray to any pure hue. In this case, #645659 is the less saturated color, while #ba0023 is the most saturated one.
-
#645659
#645659
rgb(100,86,89)
-
#6b4f54
#6b4f54
rgb(107,79,84)
-
#724850
#724850
rgb(114,72,80)
-
#7a404b
#7a404b
rgb(122,64,75)
-
#813947
#813947
rgb(129,57,71)
-
#883242
#883242
rgb(136,50,66)
-
#8f2b3e
#8f2b3e
rgb(143,43,62)
-
#962439
#962439
rgb(150,36,57)
-
#9d1d35
#9d1d35
rgb(157,29,53)
-
#a51530
#a51530
rgb(165,21,48)
-
#ac0e2c
#ac0e2c
rgb(172,14,44)
-
#b30727
#b30727
rgb(179,7,39)
-
#ba0023
#ba0023
rgb(186,0,35)
Color Blindness Simulator
Below, you can see how #ba0023 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.