#F3CCFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f3ccff is an airy, unsaturated lavender that feels fresh rather than juvenile. Because of its extreme lightness, it acts as an ideal UI background or large-scale fill. Black text maintains high readability against this shade. For a sophisticated palette, pair the hex code #f3ccff with charcoal or deep slate. Avoid placing it directly against pure white, as the low contrast can make the color appear washed out.
Questions about #f3ccff
What is #f3ccff in RGB, HSL and CMYK?
In RGB, #f3ccff is rgb(243, 204, 255), in HSL hsl(286, 100%, 90%) and in CMYK 5%, 20%, 0%, 0%.
What colors pair best with #f3ccff?
This shade works beautifully when grounded by deep, saturated neutrals. You should pair #f3ccff with charcoal or deep slate tones to provide the contrast needed for high readability. Using it against pure white often feels washed out and lacks professional impact.
How should #f3ccff be used in UI design?
Because of its extreme lightness, #f3ccff functions best as a spacious background or subtle fill rather than for text. Using this color creates a calm, fresh aesthetic, provided you ensure that your foreground text has enough contrast to remain easily legible for all users.
Is #f3ccff readable on white or black?
#f3ccff has a 1.41:1 contrast ratio on white and 14.89: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.