#F2CCFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel violet is extremely light and unsaturated, offering a delicate, ethereal quality. Because of its high lightness, it functions best as a spacious background rather than for fine details or small text. Pair #f2ccff with charcoal or deep navy to anchor the visual composition. The hex code for this cool purple is #f2ccff, a shade that provides excellent contrast for black typography in modern UI designs.
Questions about #f2ccff
What is #f2ccff in RGB, HSL and CMYK?
In RGB, #f2ccff is rgb(242, 204, 255), in HSL hsl(285, 100%, 90%) and in CMYK 5%, 20%, 0%, 0%.
What is the best way to use #f2ccff in a user interface?
Use #f2ccff as a soft, spacious background to maintain an airy aesthetic while ensuring high readability for dark text. Because of its light luminance, it provides excellent contrast for charcoal or deep navy typography in minimalist web design.
Is #f2ccff considered a warm or cool color?
As a pastel violet, #f2ccff leans firmly into cool territory due to its blue-violet undertones. This makes it a refreshing choice for projects where you want to evoke a sense of calm, cleanliness, or gentle, modern sophistication without overwhelming the viewer.
Is #f2ccff readable on white or black?
#f2ccff has a 1.41:1 contrast ratio on white and 14.85: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.