#F0BA97 Hex Color

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

Select a Color

This dusty pastel orange brings a warm, mellow quality to design projects. With its muted saturation, it functions well as a background color, particularly when paired with charcoal or deep navy accents to ground the softness. The hex code for this shade is #f0ba97. It offers excellent contrast for black body text, making it a reliable choice for accessible UI components and modern, youthful branding.

Questions about #f0ba97

What is #f0ba97 in RGB, HSL and CMYK?

In RGB, #f0ba97 is rgb(240, 186, 151), in HSL hsl(24, 75%, 77%) and in CMYK 0%, 23%, 37%, 6%.

What colors pair well with #f0ba97 in a professional layout?

#f0ba97 works beautifully when grounded by strong, dark neutrals to offset its inherent warmth. Use deep charcoal or dark navy for text and UI elements, which creates a sophisticated contrast and prevents the orange from appearing too washed out.

Is #f0ba97 readable on white or black?

#f0ba97 has a 1.72:1 contrast ratio on white and 12.17: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.

#F0BA97 Hex Color

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

Questions about #f0ba97

Color tools

Resources