#F5E3A1 Hex Color

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

Select a Color

#f5e3a1 is a pale, unsaturated yellow that feels soft and mellow rather than bright. Because of its low chroma, it works best as a large-scale background or neutral base that feels approachable without overwhelming the viewer. This hex code provides excellent readability with black text, making it a reliable choice for UI elements. Pair it with deep charcoal or slate blue to ground the warmth.

Questions about #f5e3a1

What is #f5e3a1 in RGB, HSL and CMYK?

In RGB, #f5e3a1 is rgb(245, 227, 161), in HSL hsl(47, 81%, 80%) and in CMYK 0%, 7%, 34%, 4%.

What colors pair well with #f5e3a1?

This pale yellow works best when grounded by high-contrast, cool neutrals like charcoal or slate blue to prevent it from looking washed out. Pairing it with these deeper, muted tones adds visual structure and maintains excellent readability for text elements.

Is #f5e3a1 readable on white or black?

#f5e3a1 has a 1.28:1 contrast ratio on white and 16.38: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.

#F5E3A1 Hex Color

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

Questions about #f5e3a1

Color tools

Resources