#F0E78E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #f0e78e is a light, warm yellow with soft saturation and a gentle green undertone. Its pastel finish feels fresh and youthful, suited to spring backgrounds, baby products, budget branding, and cheerful sale graphics. Use it as a supporting tone with navy or charcoal, because white can wash it out. Black text reaches about a 16.5:1 contrast ratio, so it remains highly readable for small body copy.
Questions about #f0e78e
What is #f0e78e in RGB, HSL and CMYK?
In RGB, #f0e78e is rgb(240, 231, 142), in HSL hsl(54, 77%, 75%) and in CMYK 0%, 4%, 41%, 6%. Browse more shades of yellow with names and hex codes.
What colors pair well with #f0e78e in a design palette?
#f0e78e pairs well with navy or charcoal for readable contrast, while burgundy adds a richer counterpoint to its light yellow-green cast. Use those darker tones for text, borders, or key controls rather than relying on white.
What mood does #f0e78e create?
#f0e78e creates a soft, upbeat mood because its high lightness and moderate saturation feel gentle rather than loud. A slight green undertone keeps the yellow fresh, making it suitable for spring campaigns, youth-focused products, friendly interfaces, and optimistic promotional graphics.
Is #f0e78e readable on white or black?
#f0e78e has a 1.27:1 contrast ratio on white and 16.52: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.