#F0C98A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This soft, unsaturated orange carries a warm, mellow tone that feels approachable and optimistic. Because it is light and creamy, it works well as a gentle base color for backgrounds or branding. Pair #f0c98a with a dark charcoal or deep navy for the best contrast. It provides excellent accessibility for text, so use it freely across your interfaces without worrying about readability issues.
Questions about #f0c98a
What is #f0c98a in RGB, HSL and CMYK?
In RGB, #f0c98a is rgb(240, 201, 138), in HSL hsl(37, 77%, 74%) and in CMYK 0%, 16%, 43%, 6%.
What colors pair best with #f0c98a?
Is #f0c98a suitable for interface backgrounds?
#f0c98a works exceptionally well as a background color because its unsaturated, mellow quality prevents it from overpowering other UI elements. It provides a welcoming, optimistic tone that feels less harsh than pure white or high-contrast bright colors.
Is #f0c98a readable on white or black?
#f0c98a has a 1.56:1 contrast ratio on white and 13.42: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.