#ba0500 hex color
In a RGB color space, hex #ba0500 is composed of 72.9% red, 2% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.3% magenta, 100% yellow and 27.1% black. It has a hue angle of 1.6 degrees, a saturation of 100% and a lightness of 36.5%. #ba0500 color hex could be obtained by blending #ff0a00 with #750000. Closest websafe color is: #cc0000.
-
- R 73
- G 2
- B 0
RGB color chart
-
- C 0
- M 97
- Y 100
- K 27
CMYK color chart
● #ba0500 color description : Strong red.
The hexadecimal color #ba0500 has RGB values of R:186, G:5, B:0 and CMYK values of C:0, M:0.97, Y:1, K:0.27. Its decimal value is 12190976.
Hex triplet | ba0500 | #ba0500 |
---|---|---|
RGB Decimal | 186, 5, 0 | rgb(186,5,0) |
RGB Percent | 72.9, 2, 0 | rgb(72.9%,2%,0%) |
CMYK | 0, 97, 100, 27 | |
HSL | 1.6°, 100, 36.5 | hsl(1.6,100%,36.5%) |
HSV (or HSB) | 1.6°, 100, 72.9 | |
Web Safe | cc0000 | #cc0000 |
CIE-LAB | 38.813, 62.639, 53.082 |
---|---|
XYZ | 20.305, 10.55, 0.967 |
xyY | 0.638, 0.332, 10.55 |
CIE-LCH | 38.813, 82.105, 40.279 |
CIE-LUV | 38.813, 126.014, 27.716 |
Hunter-Lab | 32.481, 54.744, 20.971 |
Binary | 10111010, 00000101, 00000000 |
Split Complementary Color
Below, you can see some colors close to #ba0500. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #ba0500
This text has a font color of #ba0500.
<span style="color:#ba0500;">Text here</span>
#ba0500 background color
This paragraph has a background color of #ba0500.
<p style="background-color:#ba0500;">Content here</p>
#ba0500 border color
This element has a border color of #ba0500.
<div style="border:1px solid #ba0500;">Content here</div>
CSS codes
.text {color:#ba0500;}
.background {background-color:#ba0500;}
.border {border:1px solid #ba0500;}
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, #090000 is the darkest color, while #fff5f5 is the lightest one.
-
#090000
#090000
rgb(9,0,0)
-
#1d0100
#1d0100
rgb(29,1,0)
-
#310100
#310100
rgb(49,1,0)
-
#440200
#440200
rgb(68,2,0)
-
#580200
#580200
rgb(88,2,0)
-
#6c0300
#6c0300
rgb(108,3,0)
-
#7f0300
#7f0300
rgb(127,3,0)
-
#930400
#930400
rgb(147,4,0)
-
#a60400
#a60400
rgb(166,4,0)
-
#ba0500
#ba0500
rgb(186,5,0)
-
#ce0600
#ce0600
rgb(206,6,0)
-
#e10600
#e10600
rgb(225,6,0)
-
#f50700
#f50700
rgb(245,7,0)
Shade Color Variation
-
#ff1009
#ff1009
rgb(255,16,9)
-
#ff231d
#ff231d
rgb(255,35,29)
-
#ff3631
#ff3631
rgb(255,54,49)
-
#ff4944
#ff4944
rgb(255,73,68)
-
#ff5c58
#ff5c58
rgb(255,92,88)
-
#ff706c
#ff706c
rgb(255,112,108)
-
#ff837f
#ff837f
rgb(255,131,127)
-
#ff9693
#ff9693
rgb(255,150,147)
-
#ffa9a6
#ffa9a6
rgb(255,169,166)
-
#ffbcba
#ffbcba
rgb(255,188,186)
-
#ffcfce
#ffcfce
rgb(255,207,206)
-
#ffe2e1
#ffe2e1
rgb(255,226,225)
-
#fff5f5
#fff5f5
rgb(255,245,245)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #645656 is the less saturated color, while #ba0500 is the most saturated one.
-
#645656
#645656
rgb(100,86,86)
-
#6b4f4f
#6b4f4f
rgb(107,79,79)
-
#724948
#724948
rgb(114,73,72)
-
#7a4240
#7a4240
rgb(122,66,64)
-
#813b39
#813b39
rgb(129,59,57)
-
#883432
#883432
rgb(136,52,50)
-
#8f2e2b
#8f2e2b
rgb(143,46,43)
-
#962724
#962724
rgb(150,39,36)
-
#9d201d
#9d201d
rgb(157,32,29)
-
#a51915
#a51915
rgb(165,25,21)
-
#ac130e
#ac130e
rgb(172,19,14)
-
#b30c07
#b30c07
rgb(179,12,7)
-
#ba0500
#ba0500
rgb(186,5,0)
Tone Color Variation
Below, you can see how #ba0500 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.
Monochromacy
Dichromacy