#F0C8FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, pale violet has a cool, opalescent quality that feels gentle rather than heavy. Because the hex code #f0c8ff is so light, it functions best as a calming, airy background color rather than for fine text. It pairs well with deep charcoal grays to provide necessary contrast. Use it in UI design to create a sense of softness without washing out your interface.
Questions about #f0c8ff
What is #f0c8ff in RGB, HSL and CMYK?
In RGB, #f0c8ff is rgb(240, 200, 255), in HSL hsl(284, 100%, 89%) and in CMYK 6%, 22%, 0%, 0%.
How can I use #f0c8ff effectively in web design?
#f0c8ff works best as a light background color that keeps interfaces feeling breathable and open. Because it is so pale, you must pair it with deep, high-contrast text like charcoal or dark navy to ensure the design remains accessible for all users.
Is #f0c8ff considered a warm or cool color?
This color sits on the cooler end of the violet spectrum because of its slight blue undertone. It carries a sense of calm and clarity rather than the richness of deep purples, making it ideal for wellness or minimalist aesthetics.
Is #f0c8ff readable on white or black?
#f0c8ff has a 1.45:1 contrast ratio on white and 14.41: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.