#F3F196 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, pastel yellow feels soft and mellow. The hex code for #f3f196 is highly readable with black text, as it offers a 17.8:1 contrast ratio that works perfectly for small body copy. It functions best as an airy background color in spring-themed designs. Pair it with deep charcoal or slate gray to ground the palette.
Questions about #f3f196
What is #f3f196 in RGB, HSL and CMYK?
In RGB, #f3f196 is rgb(243, 241, 150), in HSL hsl(59, 79%, 77%) and in CMYK 0%, 1%, 38%, 5%.
What colors pair well with #f3f196?
Because #f3f196 is a bright, airy yellow, it is best grounded by high-contrast neutrals like charcoal or deep slate gray. These darker tones prevent the yellow from washing out while maintaining a modern, balanced visual hierarchy for your layout.
Is #f3f196 readable on white or black?
#f3f196 has a 1.17:1 contrast ratio on white and 17.83: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.