Color Charts
RGB
CMYK
RYB
#ba302b Hex Color CodeThe hexadecimal color code #ba302b is a shade of red. In the RGB color model #ba302b is comprised of 72.94% red, 18.82% green and 16.86% blue. In the HSL color space #ba302b has a hue of 2.1 degrees, 62.45% saturation and 44.9% lightness. This color has an approximate wavelength of 619 nm. Australian Standard AS2700 R13 Signal Red is a matching paint color.
#ba302b Color InformationInverted
#45cfd4 25% Saturated
#cb1f19 Grayscale
#727272
25% Lighter
#d44e49 Original
#ba302b 25% Darker
#8b2420
firebrick
#b22222 25% Desaturated
#a8403c Web Safe: red
#ff0000
rgb(186, 48, 43)
rgba(186, 48, 43, 1.0)
red: 72.9412%, yellow: 18.8946%, blue: 16.8627%
#ba302b
12202027
-4575189 / 0xffba302b
hsl(2, 62%, 45%)
hsla(2, 62%, 45%, 1.0)
hue: 2 (2.0979), saturation: 77 (76.8817), value: 73 (72.9412)
X: 21.7427, Y: 12.7274, Z: 3.5962
x: 0.5712, y: 0.3343, Y: 12.7274
L: 42.3496, a: 54.2865, b: 36.4341
L: 42.3496, u: 105.3695, v: 24.3942
L: 42.3496, C: 65.3794, H: 33.8673
L: 35.6755, a: 46.3559, b: 18.9963
cyan: 0 (0), magenta: 74 (0.7419), yellow: 77 (0.7688), key: 27 (0.2706)
cyan: 27 (0.2706), magenta: 81 (0.8118), yellow: 83 (0.8314)
Y: 88.692, I: 83.8151, Q: 27.6253
Y: 88.692, U: -22.4835, V: 85.37
Y: 88.692, Db: -68.765, Dr: -185.039
Y: 92.208, Cb: 105.381, Cr: 188.937
Y: 77.034, Pb: -18.37, Pr: 69.23
7.5R 4/12 approximate; exact match: Munsell 7.5R 4/12 / #b3302e
#ba302b / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#ba302b to White#ba302b to Black#ba302b foreground
<p style="color: #ba302b">#ba302b foreground</p>
#ba302b background
<p style="background-color: #ba302b; color: #fff">#ba302b background</p>
#ba302b border
<p style="border: #ba302b 3px solid">#ba302b border</p>
#ba302b radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #ba302b, #fff); background: -webkit-radial-gradient(50% 50%, #ba302b, #fff); background: -o-radial-gradient(50% 50%, #ba302b, #fff); background: -ms-radial-gradient(50% 50%, #ba302b, #fff); background: radial-gradient(50% 50%, #ba302b, #fff); color: #fff">#ba302b radial gradient</p>
#ba302b linear gradient to complementary #2ab4ba
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #ba302b, #2ab4ba); background: -webkit-linear-gradient(top, #ba302b, #2ab4ba); background: -o-linear-gradient(top, #ba302b, #2ab4ba); background: -ms-linear-gradient(top, #ba302b, #2ab4ba); background: linear-gradient(top, #ba302b, #2ab4ba); color: #fff">#ba302b linear gradient to complementary #2ab4ba</p>
#ba302b text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #ba302b">#ba302b text shadow</p>
The matching paint colors are listed in order of relevancy to the #ba302b hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #ba302b.
Jump to paint brand: