#F697B1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This sparkling, pastel pink carries a warm and youthful energy that feels light and sweet. It provides excellent readability when paired with black text for UI elements. Designers should use #f697b1 as an accent color rather than a large background, as its high saturation can quickly overwhelm a layout. It works best alongside deep charcoals or cool grays to ground its energetic, playful character.
Questions about #f697b1
What is #f697b1 in RGB, HSL and CMYK?
In RGB, #f697b1 is rgb(246, 151, 177), in HSL hsl(344, 84%, 78%) and in CMYK 0%, 39%, 28%, 4%.
Should I use #f697b1 as a primary background color?
It is generally better to use #f697b1 as a vibrant accent rather than a full-screen background. Its high saturation and warm energy can become visually exhausting over large areas, making it difficult to read text if the contrast ratio is not strictly managed.
Is #f697b1 readable on white or black?
#f697b1 has a 2.10:1 contrast ratio on white and 9.98: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.