#F2C3DA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated pink feels mellow and airy, leaning into warmth without becoming overwhelming. Because it is light and soft, #f2c3da functions best as a background color or a subtle accent in spring-themed designs. It offers high contrast for black text, making it a reliable choice for UI elements. Pair it with deep charcoal or slate grey to ground its sweetness and prevent it from appearing washed out.
Questions about #f2c3da
What is #f2c3da in RGB, HSL and CMYK?
In RGB, #f2c3da is rgb(242, 195, 218), in HSL hsl(331, 64%, 86%) and in CMYK 0%, 19%, 10%, 5%.
How can I use #f2c3da effectively in UI design?
Use #f2c3da as a subtle background color or light accent to maintain high readability. It pairs exceptionally well with high-contrast elements like charcoal text, which grounds the sweetness of the pink while ensuring your interface remains clean, modern, and accessible for users.
Does #f2c3da have a warm or cool undertone?
This color leans into warmth, offering an airy and mellow feel rather than a sharp or candy-like appearance. Its unsaturated nature keeps it versatile for spring-themed palettes without becoming overwhelming or difficult to coordinate with other neutral design elements in your project.
Is #f2c3da readable on white or black?
#f2c3da has a 1.54:1 contrast ratio on white and 13.59: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.