Color Charts
RGB
CMYK
RYB
#ff245f Hex Color CodeThe hexadecimal color code #ff245f is a shade of pink. In the RGB color model #ff245f is comprised of 100% red, 14.12% green and 37.25% blue. In the HSL color space #ff245f has a hue of 343.84 degrees, 100% saturation and 57.06% lightness. This color has an approximate wavelength of 404 nm.
#ff245f Color InformationInverted
#00dba0 25% Saturated
#ff235e Grayscale
#919191
rgb(255, 36, 95)
rgba(255, 36, 95, 1.0)
red: 100%, yellow: 14.1176%, blue: 37.2549%
#ff245f
16720991
-56225 / 0xffff245f
hsl(344, 100%, 57%)
hsla(344, 100%, 57%, 1.0)
hue: 344 (343.8356), saturation: 86 (85.8824), value: 100 (100)
X: 43.9364, Y: 23.348, Z: 13.0174
x: 0.5471, y: 0.2908, Y: 23.348
L: 55.429, a: 78.7197, b: 24.6273
L: 55.429, u: 149.7678, v: 12.0504
L: 55.429, C: 82.4821, H: 17.3722
L: 48.3197, a: 77.7479, b: 17.8511
cyan: 0 (0), magenta: 86 (0.8588), yellow: 63 (0.6275), key: 0 (0)
cyan: 0 (0), magenta: 86 (0.8588), yellow: 63 (0.6275)
Y: 108.207, I: 111.5073, Q: 64.6658
Y: 108.207, U: -6.4971, V: 128.7844
Y: 108.207, Db: -19.903, Dr: -279.124
Y: 108.989, Cb: 121.489, Cr: 219.952
Y: 86.895, Pb: 4.315, Pr: 106.786
2.5R 5/18 (approximate)
#ff245f / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#ff245f to White#ff245f to Black#ff245f foreground
<p style="color: #ff245f">#ff245f foreground</p>
#ff245f background
<p style="background-color: #ff245f; color: #fff">#ff245f background</p>
#ff245f border
<p style="border: #ff245f 3px solid">#ff245f border</p>
#ff245f radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #ff245f, #fff); background: -webkit-radial-gradient(50% 50%, #ff245f, #fff); background: -o-radial-gradient(50% 50%, #ff245f, #fff); background: -ms-radial-gradient(50% 50%, #ff245f, #fff); background: radial-gradient(50% 50%, #ff245f, #fff); color: #fff">#ff245f radial gradient</p>
#ff245f linear gradient to complementary #23ffc4
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #ff245f, #23ffc4); background: -webkit-linear-gradient(top, #ff245f, #23ffc4); background: -o-linear-gradient(top, #ff245f, #23ffc4); background: -ms-linear-gradient(top, #ff245f, #23ffc4); background: linear-gradient(top, #ff245f, #23ffc4); color: #fff">#ff245f linear gradient to complementary #23ffc4</p>
#ff245f text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #ff245f">#ff245f text shadow</p>
The matching paint colors are listed in order of relevancy to the #ff245f 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 #ff245f.
Jump to paint brand: