#F1E8A2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f1e8a2 is a pale, unsaturated yellow with a bleached, delicate quality. Because of its light luminance, it pairs beautifully with charcoal gray or deep slate for high-contrast, readable layouts. While it risks looking washed out against pure white backgrounds, this tint works well as a subtle UI base or an airy accent. The hex code for this mellow, warm shade is #f1e8a2.
Questions about #f1e8a2
What is #f1e8a2 in RGB, HSL and CMYK?
In RGB, #f1e8a2 is rgb(241, 232, 162), in HSL hsl(53, 74%, 79%) and in CMYK 0%, 4%, 33%, 5%.
What colors pair best with #f1e8a2?
Because #f1e8a2 is so light and unsaturated, it pairs effectively with dark, grounding tones like charcoal or deep slate to ensure text remains legible. You can also pair it with soft terracotta to emphasize its warm, vintage undertones without creating overwhelming visual clutter.
How should I use #f1e8a2 in user interface design?
Use #f1e8a2 primarily as a subtle background or a soft highlight color rather than for functional text. Since the color is quite faint, it often risks looking washed out on bright white screens, so place it against dark, high-contrast elements to maintain UI clarity.
Is #f1e8a2 readable on white or black?
#f1e8a2 has a 1.24:1 contrast ratio on white and 16.80: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.