#F5B97D Hex Color

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

Hex color #f5b97d graphic
#f5b97d is a desaturated, pastel orange with a soft, glowing quality. It lacks the intensity of bright citrus, making it approachable for UI backgrounds or branding projects. Because the tone is light, black text remains highly readable against it. Pair this hex code with deep navy or charcoal for a sophisticated look, as it may appear washed out when used beside other light, unsaturated colors.

Questions about #f5b97d

What is #f5b97d in RGB, HSL and CMYK?
In RGB, #f5b97d is rgb(245, 185, 125), in HSL hsl(30, 86%, 73%) and in CMYK 0%, 24%, 49%, 4%. Browse more shades of orange with names and hex codes.
What colors pair best with #f5b97d?
#f5b97d works beautifully when contrasted with dark, grounded neutrals to prevent the design from feeling washed out. Use deep navy or rich charcoal text to create a sophisticated balance while keeping the overall palette approachable and clean.
Is #f5b97d readable on white or black?
#f5b97d has a 1.73:1 contrast ratio on white and 12.11: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.