Color Charts
RGB
CMYK
RYB
#ba3b59 Hex Color CodeThe hexadecimal color code #ba3b59 is a shade of pink-red. In the RGB color model #ba3b59 is comprised of 72.94% red, 23.14% green and 34.9% blue. In the HSL color space #ba3b59 has a hue of 345.83 degrees, 51.84% saturation and 48.04% lightness. This color has an approximate wavelength of 402 nm.
#ba3b59 Color InformationInverted
#45c4a6 25% Saturated
#c92b50 Grayscale
#7a7a7a
rgb(186, 59, 89)
rgba(186, 59, 89, 1.0)
red: 72.9412%, yellow: 23.1373%, blue: 34.902%
#ba3b59
12204889
-4572327 / 0xffba3b59
hsl(346, 52%, 48%)
hsla(346, 52%, 48%, 1.0)
hue: 346 (345.8268), saturation: 68 (68.2796), value: 73 (72.9412)
X: 23.6168, Y: 14.2883, Z: 10.9644
x: 0.4833, y: 0.2924, Y: 14.2883
L: 44.6436, a: 52.9439, b: 11.5105
L: 44.6436, u: 87.6129, v: 3.7567
L: 44.6436, C: 54.1807, H: 12.2657
L: 37.7999, a: 45.3746, b: 9.262
cyan: 0 (0), magenta: 68 (0.6828), yellow: 52 (0.5215), key: 27 (0.2706)
cyan: 27 (0.2706), magenta: 77 (0.7686), yellow: 65 (0.651)
Y: 100.393, I: 66.018, Q: 36.189
Y: 100.393, U: -5.6049, V: 75.1047
Y: 100.393, Db: -17.16, Dr: -162.781
Y: 102.26, Cb: 122.374, Cr: 181.623
Y: 88.211, Pb: 0.395, Pr: 62.12
2.5R 4/12 approximate; exact match: Munsell 2.5R 4/12 / #b32b4d
#ba3b59 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#ba3b59 to White#ba3b59 to Black#ba3b59 foreground
<p style="color: #ba3b59">#ba3b59 foreground</p>
#ba3b59 background
<p style="background-color: #ba3b59; color: #fff">#ba3b59 background</p>
#ba3b59 border
<p style="border: #ba3b59 3px solid">#ba3b59 border</p>
#ba3b59 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #ba3b59, #fff); background: -webkit-radial-gradient(50% 50%, #ba3b59, #fff); background: -o-radial-gradient(50% 50%, #ba3b59, #fff); background: -ms-radial-gradient(50% 50%, #ba3b59, #fff); background: radial-gradient(50% 50%, #ba3b59, #fff); color: #fff">#ba3b59 radial gradient</p>
#ba3b59 linear gradient to complementary #3ab99c
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #ba3b59, #3ab99c); background: -webkit-linear-gradient(top, #ba3b59, #3ab99c); background: -o-linear-gradient(top, #ba3b59, #3ab99c); background: -ms-linear-gradient(top, #ba3b59, #3ab99c); background: linear-gradient(top, #ba3b59, #3ab99c); color: #fff">#ba3b59 linear gradient to complementary #3ab99c</p>
#ba3b59 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #ba3b59">#ba3b59 text shadow</p>
The matching paint colors are listed in order of relevancy to the #ba3b59 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 #ba3b59.
Jump to paint brand: