#F48F8D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light, coral-adjacent pink brings a fresh, playful warmth to any palette. The hex code #f48f8d offers high readability with black text, making it a reliable choice for UI buttons or alert banners that need to stand out without being aggressive. Pair this hue with deep charcoal grays for a balanced, modern contrast, as it can feel too washed out when placed directly against stark white backgrounds.
Questions about #f48f8d
What is #f48f8d in RGB, HSL and CMYK?
In RGB, #f48f8d is rgb(244, 143, 141), in HSL hsl(1, 82%, 75%) and in CMYK 0%, 41%, 42%, 4%.
How should I use #f48f8d in UI design?
Use #f48f8d for buttons or alert banners where you need high readability against dark text or backgrounds. Because it can wash out against white, it performs best when paired with deep charcoal or dark navy elements to anchor its brightness.
What colors pair best with #f48f8d?
Pair #f48f8d with deep charcoal grays to create a balanced, modern contrast that keeps the pink feeling intentional rather than washed out. You can also successfully accent this hue with soft teal or slate tones to lean into its playful, warm nature.
Is #f48f8d readable on white or black?
#f48f8d has a 2.29:1 contrast ratio on white and 9.16:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.