#F2D490 Hex Color

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

Hex color #f2d490 graphic
Mellow and unsaturated, #f2d490 provides a gentle, warm backdrop for UI designs. Black text reads clearly against this soft yellow, ensuring good accessibility for small body text. Avoid placing it beside pure white, which makes this shade look washed out. Instead, pair it with charcoal or navy to add necessary contrast. Designers rely on the hex code #f2d490 for peaceful, approachable branding palettes.

Questions about #f2d490

What is #f2d490 in RGB, HSL and CMYK?
In RGB, #f2d490 is rgb(242, 212, 144), in HSL hsl(42, 79%, 76%) and in CMYK 0%, 12%, 40%, 5%.
What colors pair well with #f2d490?
#f2d490 functions best when grounded by dark, high-contrast text or accent colors. Pair it with charcoal or navy to prevent the yellow from appearing washed out and to ensure the design maintains clear, legible contrast.
Is #f2d490 appropriate for body text backgrounds?
Yes, because of its muted saturation, #f2d490 works well as a calm, readable background for black text in UI designs. Its softness reduces eye strain compared to pure white, making it a functional choice for wellness-focused interfaces.
Is #f2d490 readable on white or black?
#f2d490 has a 1.43:1 contrast ratio on white and 14.59: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.