#ba0018 Color Information
In a RGB color space, hex #ba0018 is composed of 72.9% red, 0% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 87.1% yellow and 27.1% black. It has a hue angle of 352.3 degrees, a saturation of 100% and a lightness of 36.5%. #ba0018 color hex could be obtained by blending #ff0030 with #750000. Closest websafe color is: #cc0000.
-
- R 73
- G 0
- B 9
-
- C 0
- M 100
- Y 87
- K 27
● #ba0018 color description : Strong red.
#ba0018 Color Conversion
The hexadecimal color #ba0018 has RGB values of R:186, G:0, B:24 and CMYK values of C:0, M:1, Y:0.87, K:0.27. Its decimal value is 12189720.
Hex triplet | ba0018 | #ba0018 |
---|---|---|
RGB Decimal | 186, 0, 24 | rgb(186,0,24) |
RGB Percent | 72.9, 0, 9.4 | rgb(72.9%,0%,9.4%) |
CMYK | 0, 100, 87, 27 | |
HSL | 352.3°, 100, 36.5 | hsl(352.3,100%,36.5%) |
HSV (or HSB) | 352.3°, 100, 72.9 | |
Web Safe | cc0000 | #cc0000 |
CIE-LAB | 38.739, 63.499, 43.265 |
---|---|
XYZ | 20.416, 10.508, 1.817 |
xyY | 0.624, 0.321, 10.508 |
CIE-LCH | 38.739, 76.837, 34.269 |
CIE-LUV | 38.739, 124.504, 23.707 |
Hunter-Lab | 32.416, 55.693, 19.367 |
Binary | 10111010, 00000000, 00011000 |
Color Schemes with #ba0018
Alternatives to #ba0018
Below, you can see some colors close to #ba0018. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba0018 Preview
This text has a font color of #ba0018.
<span style="color:#ba0018;">Text here</span>
This paragraph has a background color of #ba0018.
<p style="background-color:#ba0018;">Content here</p>
This element has a border color of #ba0018.
<div style="border:1px solid #ba0018;">Content here</div>
.text {color:#ba0018;}
.background {background-color:#ba0018;}
.border {border:1px solid #ba0018;}
Shades and Tints of #ba0018
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, #090001 is the darkest color, while #fff5f6 is the lightest one.
-
#090001
#090001
rgb(9,0,1)
-
#1d0004
#1d0004
rgb(29,0,4)
-
#310006
#310006
rgb(49,0,6)
-
#440009
#440009
rgb(68,0,9)
-
#58000b
#58000b
rgb(88,0,11)
-
#6c000e
#6c000e
rgb(108,0,14)
-
#7f0010
#7f0010
rgb(127,0,16)
-
#930013
#930013
rgb(147,0,19)
-
#a60015
#a60015
rgb(166,0,21)
-
#ba0018
#ba0018
rgb(186,0,24)
-
#ce001b
#ce001b
rgb(206,0,27)
-
#e1001d
#e1001d
rgb(225,0,29)
-
#f50020
#f50020
rgb(245,0,32)
-
#ff0929
#ff0929
rgb(255,9,41)
-
#ff1d3a
#ff1d3a
rgb(255,29,58)
-
#ff314b
#ff314b
rgb(255,49,75)
-
#ff445c
#ff445c
rgb(255,68,92)
-
#ff586d
#ff586d
rgb(255,88,109)
-
#ff6c7f
#ff6c7f
rgb(255,108,127)
-
#ff7f90
#ff7f90
rgb(255,127,144)
-
#ff93a1
#ff93a1
rgb(255,147,161)
-
#ffa6b2
#ffa6b2
rgb(255,166,178)
-
#ffbac3
#ffbac3
rgb(255,186,195)
-
#ffced4
#ffced4
rgb(255,206,212)
-
#ffe1e5
#ffe1e5
rgb(255,225,229)
-
#fff5f6
#fff5f6
rgb(255,245,246)
Tones of #ba0018
A tone is produced by adding gray to any pure hue. In this case, #645658 is the less saturated color, while #ba0018 is the most saturated one.
-
#645658
#645658
rgb(100,86,88)
-
#6b4f52
#6b4f52
rgb(107,79,82)
-
#72484d
#72484d
rgb(114,72,77)
-
#7a4048
#7a4048
rgb(122,64,72)
-
#813942
#813942
rgb(129,57,66)
-
#88323d
#88323d
rgb(136,50,61)
-
#8f2b38
#8f2b38
rgb(143,43,56)
-
#962433
#962433
rgb(150,36,51)
-
#9d1d2d
#9d1d2d
rgb(157,29,45)
-
#a51528
#a51528
rgb(165,21,40)
-
#ac0e23
#ac0e23
rgb(172,14,35)
-
#b3071d
#b3071d
rgb(179,7,29)
-
#ba0018
#ba0018
rgb(186,0,24)
Color Blindness Simulator
Below, you can see how #ba0018 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.