#F2E6FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This extremely light, unsaturated violet sits right on the edge of white, making it a subtle background choice for modern UI designs. Because it is so pale, black text maintains high readability against its surface. The hex code for this color is #f2e6ff. Use it sparingly to add a soft, airy touch to interfaces without overpowering bolder elements in your palette.
Questions about #f2e6ff
What is #f2e6ff in RGB, HSL and CMYK?
In RGB, #f2e6ff is rgb(242, 230, 255), in HSL hsl(269, 100%, 95%) and in CMYK 5%, 10%, 0%, 0%. Browse more shades of purple with names and hex codes.
How should I use #f2e6ff in user interface design?
Apply #f2e6ff primarily as a subtle background color for large sections of a UI to introduce a hint of warmth without overwhelming the user. It remains highly readable with black or dark charcoal text, making it ideal for cards or page containers.
Does #f2e6ff lean warm or cool in a design palette?
Because it sits at the intersection of violet and white, #f2e6ff typically reads as cool, but its extreme lightness allows it to act as a neutral base. It pairs effectively with muted slate to emphasize its cool undertones or soft peach for a warmer, balanced contrast.
Is #f2e6ff readable on white or black?
#f2e6ff has a 1.19:1 contrast ratio on white and 17.53: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.