#F4DD97 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Think of softened butter or pale honey. #f4dd97 is a mellow pastel yellow, low in saturation and high in lightness, so it glows gently instead of shouting. That softness suits spring themes, baby products, and sale graphics. It works best as a dominant background; black text sits comfortably on top at about 15.6:1 contrast. Pair it with deep navy to keep it from washing out. The hex code for this shade is #f4dd97.
Questions about #f4dd97
What is #f4dd97 in RGB, HSL and CMYK?
In RGB, #f4dd97 is rgb(244, 221, 151), in HSL hsl(45, 81%, 77%) and in CMYK 0%, 9%, 38%, 4%.
What text color works best on #f4dd97?
Black text reads most clearly on #f4dd97, with a contrast ratio of about 15.6:1, well above the WCAG AA minimum of 4.5:1. Dark navy also works if you want softer contrast than pure black.
What colors pair well with #f4dd97?
Is #f4dd97 readable on white or black?
#f4dd97 has a 1.34:1 contrast ratio on white and 15.63: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.