Color Charts
RGB
CMYK
RYB
#ff00ba Hex Color CodeThe hexadecimal color code #ff00ba is a shade of magenta. In the RGB color model #ff00ba is comprised of 100% red, 0% green and 72.94% blue. In the HSL color space #ff00ba has a hue of 316.24 degrees, 100% saturation and 50% lightness. This color has an approximate wavelength of 421 nm.
#ff00ba Color InformationInverted
#00ff45 25% Saturated
#ff00b9 Grayscale
#7f7f7f
25% Lighter
#ff3fcb Original
#ff00ba 25% Darker
#bf008b
deeppink
#ff1493 25% Desaturated
#df1fab Web Safe: fuchsia
#ff00ff
rgb(255, 0, 186)
rgba(255, 0, 186, 1.0)
red: 100%, yellow: 0%, blue: 72.9412%
#ff00ba
16711866
-65350 / 0xffff00ba
hsl(316, 100%, 50%)
hsla(316, 100%, 50%, 1.0)
hue: 316 (316.2353), saturation: 100 (100), value: 100 (100)
X: 50.1029, Y: 24.8052, Z: 48.6015
x: 0.4057, y: 0.2008, Y: 24.8052
L: 56.8851, a: 89.7442, b: -27.1841
L: 56.8851, u: 114.6286, v: -55.6747
L: 56.8851, C: 93.771, H: 343.1481
L: 49.8048, a: 92.4101, b: -22.9942
cyan: 0 (0), magenta: 100 (1), yellow: 27 (0.2706), key: 0 (0)
cyan: 0 (0), magenta: 100 (1), yellow: 27 (0.2706)
Y: 97.449, I: 92.1527, Q: 111.7924
Y: 97.449, U: 43.5779, V: 138.2231
Y: 97.449, Db: 133.188, Dr: -299.553
Y: 99.763, Cb: 171.914, Cr: 226.739
Y: 67.707, Pb: 63.675, Pr: 118.944
2.5RP 6/22 (approximate)
#ff00ba / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#ff00ba to White#ff00ba to Black#ff00ba foreground
<p style="color: #ff00ba">#ff00ba foreground</p>
#ff00ba background
<p style="background-color: #ff00ba; color: #fff">#ff00ba background</p>
#ff00ba border
<p style="border: #ff00ba 3px solid">#ff00ba border</p>
#ff00ba radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #ff00ba, #fff); background: -webkit-radial-gradient(50% 50%, #ff00ba, #fff); background: -o-radial-gradient(50% 50%, #ff00ba, #fff); background: -ms-radial-gradient(50% 50%, #ff00ba, #fff); background: radial-gradient(50% 50%, #ff00ba, #fff); color: #fff">#ff00ba radial gradient</p>
#ff00ba linear gradient to complementary #00ff45
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #ff00ba, #00ff45); background: -webkit-linear-gradient(top, #ff00ba, #00ff45); background: -o-linear-gradient(top, #ff00ba, #00ff45); background: -ms-linear-gradient(top, #ff00ba, #00ff45); background: linear-gradient(top, #ff00ba, #00ff45); color: #fff">#ff00ba linear gradient to complementary #00ff45</p>
#ff00ba text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #ff00ba">#ff00ba text shadow</p>
The matching paint colors are listed in order of relevancy to the #ff00ba 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 #ff00ba.
Jump to paint brand: