#F4D4F3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f4d4f3 is an extremely pale, desaturated violet with cool magenta undertones. Because it is so light, this hex code works effectively as a subtle base for UI backgrounds or feminine branding. It provides high contrast with black text, making it a functional choice for clean, readable layouts. Pair this airy shade with deep charcoal or slate gray to ground its inherent softness.
Questions about #f4d4f3
What is #f4d4f3 in RGB, HSL and CMYK?
In RGB, #f4d4f3 is rgb(244, 212, 243), in HSL hsl(302, 59%, 89%) and in CMYK 0%, 13%, 0%, 4%.
What colors pair best with #f4d4f3?
To ground the airy nature of #f4d4f3, pair it with deep, neutral tones like charcoal or slate gray. These darker shades provide the necessary visual weight to balance out the extreme lightness of this violet, ensuring your layout remains readable.
Is #f4d4f3 suitable for text backgrounds?
#f4d4f3 works exceptionally well as a subtle UI background because it is light enough to maintain high contrast with standard black or deep gray text. Always verify your specific contrast ratios if you intend to use this for critical reading interfaces.
Is #f4d4f3 readable on white or black?
#f4d4f3 has a 1.34:1 contrast ratio on white and 15.55: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.