#F2CCF4 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #f2ccf4 graphic
This pale, airy violet sits at a very high lightness, making it a delicate choice for soft UI backgrounds. Because it is highly unsaturated, #f2ccf4 acts as a neutral rather than a loud pop of color. It pairs surprisingly well with charcoal grays or deep teals. While its lightness ensures excellent contrast for standard black body text, avoid using it for fine details that need to stand out.

Questions about #f2ccf4

What is #f2ccf4 in RGB, HSL and CMYK?
In RGB, #f2ccf4 is rgb(242, 204, 244), in HSL hsl(297, 65%, 88%) and in CMYK 1%, 16%, 0%, 4%. Browse more shades of purple with names and hex codes.
What colors pair well with the #f2ccf4 violet?
This pale violet works best when grounded by high-contrast darks like deep charcoal or moody teal tones. Because it is highly unsaturated, it provides a gentle backdrop without overpowering the primary text or interface elements on your page.
Is #f2ccf4 readable on white or black?
#f2ccf4 has a 1.42:1 contrast ratio on white and 14.71: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.