#F4B4A6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A desaturated coral with soft, dusty undertones, #f4b4a6 provides a mellow alternative to vibrant reds. Because it is light and warm, it works best as a supporting background rather than a dominant primary color. Pair this hex code with dark charcoal text to ensure readable contrast for small body copy. It brings a youthful, gentle energy to interfaces without overwhelming the user.
Questions about #f4b4a6
What is #f4b4a6 in RGB, HSL and CMYK?
In RGB, #f4b4a6 is rgb(244, 180, 166), in HSL hsl(11, 78%, 80%) and in CMYK 0%, 26%, 32%, 4%.
What colors pair best with #f4b4a6?
How can I use #f4b4a6 in UI design?
Use #f4b4a6 as a secondary accent or background fill rather than for primary body text, as it lacks the necessary contrast against a white background. It shines as a gentle call-to-action button or a subtle highlight for cards and user profile sections.
Is #f4b4a6 readable on white or black?
#f4b4a6 has a 1.76:1 contrast ratio on white and 11.92: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.