#F2FFAF Hex Color

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

Hex color #f2ffaf graphic
This extremely pale, luminous yellow evokes a sense of clean, sun-drenched minimalism. Because of its high lightness, #f2ffaf works best as a supporting tone rather than a background, where it can easily appear washed out. Pair it with deep charcoal or slate gray text to maintain excellent contrast and readability. The hex code for this mellow, unsaturated shade is #f2ffaf.

Questions about #f2ffaf

What is #f2ffaf in RGB, HSL and CMYK?
In RGB, #f2ffaf is rgb(242, 255, 175), in HSL hsl(70, 100%, 84%) and in CMYK 5%, 0%, 31%, 0%.
How can I use #f2ffaf effectively in a UI design?
Because #f2ffaf is extremely light, avoid using it as a primary background color where text will disappear. Instead, use it as an energetic accent for buttons, highlights, or small UI elements paired with charcoal or deep slate text.
What colors pair well with #f2ffaf for a balanced palette?
High-contrast, grounded colors are essential to prevent #f2ffaf from feeling washed out. It creates a modern, high-fashion aesthetic when paired with charcoal, navy, or deep slate tones, which provide the necessary weight to anchor its luminous quality.
Is #f2ffaf readable on white or black?
#f2ffaf has a 1.06:1 contrast ratio on white and 19.69: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.